У меня есть тематическая ссылка с использованием CSS. У меня есть свойства CSS вверх, вниз и вверх, которые все работают.
Проблема в том, что когда вы удерживаете мышь над кнопкой, перетаскиваете, а затем отменяете, отпуская, состояние нажатия все еще применяется, пока вы снова не щелкнете по пустому пространству.
Вы можете увидеть, что я имею в виду, выполняя вышеописанное на кнопках 1, 2 и 4 здесь: http://jsfiddle.net/2vjbz/
Как вы «обновляете», не нажимая снова?
Согласно вашему CSS, я думаю, что это поведение правильное, но проблема в том, что событие наведения мыши не запускается, а элемент ссылки остается в активном состоянии. Вы можете исправить это с помощью jQuery, вызвав событие мыши вверх для элемента ссылки.
Один из способов - вызвать его, когда мышь перемещается в div пейджера.
$('#pager').bind("mousemove", function(event) {
$('#pager a').mouseup();
});
Возможно, вам придется добавить условия, чтобы сделать его идеальным
РЕДАКТИРОВАТЬ:
Вы можете поэкспериментировать с ним. Это еще один метод
http://jsfiddle.net/diode/2vjbz/18/
Здесь он отменяет событие перетаскивания. Оба они работали для меня.
