JQuery ... изменить состояние наведения на фокус и ограничить область вкладки навигации клавиатуры - PullRequest
Новая
       10

JQuery ... изменить состояние наведения на фокус и ограничить область вкладки навигации клавиатуры

0 голосов
/ 23 декабря 2011

Я использую JQgrid в одном из моих проектов (JFiddle LINK ).и хотели бы, чтобы

1.) кнопка сохранения и отмены, чтобы выделить, когда пользователь нажимает на нее (так же, как при наведении курсора мыши).Нашел эту запись , но не могу заставить ее работать

FIX : основано на ответе saratis

после 

    <table id="theGrid" class="scroll">
    </table>
    <div id="pager" class="scroll" style="text-align: center;">
    </div>

добавить следующее 

    <script type="text/javascript">
        $(document).delegate('a', 'focus', function (event) {
            $(this).removeClass('ui-state-hover'); //Remove previous hightlights
            $(this).addClass('ui-state-hover');
        });

        $(document).delegate('a', 'focusout', function (event) {
            $(this).removeClass('ui-state-hover'); //Remove previous hightlights
        });
    </script>

2.) Когда пользователь будет переходить между полями на моде добавления, можно ли сохранитьфокус на модальном.Например, при вкладке фокуса только циклы между элементами управления на самом модале

3.) Я испытываю странную проблему с пейджером, который не центрируется, и не уверен, что это за исправление.Я вижу, что атрибут 106px добавляется к pager_left td, который его вызывает, кишит его сгенерированным значением, поэтому я не уверен, как его переопределить / отключить

FIX : #pager_left{width:30%!important;}

Можно ли этого добиться?

Спасибо

Ответы [ 2 ]

1 голос
/ 23 декабря 2011

First 

$('.yourInput').bind("mouseenter focus mouseleave", 
        function(event) { 
          $('.highlight').removeClass('highlight'); //Remove previous hightlights
          $(this).addClass('highlight'); 
 });

Я попытался добавить это к скрипке, но я думаю, что модальный диалог записывается динамически в DOM, поэтому привязка должна происходить после его размещения. И я не знаю, как интегрировать это. К сожалению.

Для части секунда это можно сделать, но было бы проще, если бы вы представили семпл, или даже лучше, как JSDFiddle. -> Глядя на это сейчас, я бы не знал. Я уверен, что JS jQuery Guru хорошо это делает, но это слишком много для меня. Снова извините.

Третий : Некоторые хорошие новости, не знаю причину, но: #pager_left{width:150px!important;} добивается цели.

Извините, я не мог больше помочь.

0 голосов
/ 23 декабря 2011

Используйте jQuery, чтобы проверить, фокусируется ли какое-либо из модальных полей. Если это так, активируйте функцию на keyup(), которая проверяет, была ли нажата кнопка табуляции (ее код клавиши равен 9).

Используйте это, чтобы ограничить индексирование вкладок вашей формой.

...