Блог

Главная - Вопросы по программированию - Проблема с пробелом в форме

Проблема с пробелом в форме

#jquery #slider

#jquery #ползунок

Вопрос:

У меня есть два div (ов) с разными идентификаторами.

В первом div есть ползунок jquery, а в другом — форма для связи с нами.

Всякий раз, когда я нажимаю пробел в текстовом поле или текстовой области в div формы contact us, ползунок jquery перемещает следующую картинку.

Может ли какой-либо орган помочь мне в этой проблеме.

заранее спасибо

Ответ №1:

Если это элемент управления третьей части, я предполагаю, что они подключили некоторые события для навигации с помощью клавиатуры. Попробуйте проверить API для этого элемента управления, чтобы узнать, есть ли настройки, позволяющие отключить ввод с клавиатуры.

Вам нужно сделать это:

 var gallery = $('#thumbs').galleriffic({
    enableKeyboardNavigation:  false, // Specifies whether keyboard navigation is enabled
}

Комментарии:

1. Я использую jquery galleriffic-2.0, можете ли вы указать, в каком файле я могу изменить?

2. изменен мой комментарий. Должно помочь 🙂

3. Проблема решена. Я отключил действие по кнопке пробела из файла js.

4. Теперь, когда проблема решена, пожалуйста, отметьте это как ответ 🙂 Я надеюсь, что ваш проект пройдет хорошо.

Ответ №2:

Это работает для меня:

 // Setup Keyboard Navigation

if (this.enableKeyboardNavigation) {
    $(document).keydown(function(e) {

        var target = e.target || e.srcElement; // hack
        //disable navigation on an input editable element
        if (target amp;amp; target.type) return true;         

        var key = e.charCode ? e.charCode : e.keyCode ? e.keyCode : 0;
        switch(key) {
            case 32: // space
                    gallery.next();
                    e.preventDefault();
                    break;
            case 33: // Page Up
                gallery.previousPage();
                e.preventDefault();
                break;
            case 34: // Page Down
                gallery.nextPage();
                e.preventDefault();
                break;
            case 35: // End
                gallery.gotoIndex(gallery.data.length-1);
                e.preventDefault();
                break;
            case 36: // Home
                gallery.gotoIndex(0);
                e.preventDefault();
                break;
            case 37: // left arrow
                gallery.previous();
                e.preventDefault();
                break;
            case 39: // right arrow
                gallery.next();
                e.preventDefault();
                break;
        }
    });
}