CSS / HTML: отмена мыши - PullRequest
Новая
       15

CSS / HTML: отмена мыши

2 голосов
/ 05 января 2012

У меня есть тематическая ссылка с использованием CSS.У меня есть свойства CSS «вверх», «вверх» и «вниз», которые все работают.

Проблема в том, что, когда вы удерживаете кнопку мыши над кнопкой, перетаскиваете ее, затем отменяете, отпуская, состояние вниз все еще применяется, пока вынажмите еще раз на пробел.

Вы можете понять, что я имею в виду, выполнив вышеуказанные действия с кнопками 1, 2 и 4: http://jsfiddle.net/2vjbz/

Как вы «обновляете», неснова нажать?

1 Ответ

1 голос
/ 05 января 2012

В соответствии с вашим CSS, я думаю, что это правильное поведение, но проблема в том, что событие запуска мыши не запускается, а элемент ссылки остается в активном состоянии. Это можно исправить с помощью jQuery, вызвав событие мыши вверх для элемента ссылки.

Один из способов - вызвать его, когда мышь перемещается в пейджере. Div 

$('#pager').bind("mousemove", function(event) {
    $('#pager a').mouseup();
});

Возможно, вам понадобится добавить условия, чтобы сделать его идеальным

EDIT:

Вы можете поэкспериментировать с этим. Это еще один метод

http://jsfiddle.net/diode/2vjbz/18/

Здесь отменяется событие перетаскивания. Оба из них работали для меня.

...