jQuery - изменить фоновое изображение при наведении курсора мыши, но не в том случае, если элемент выбран?

#jquery

Вопрос:

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

Я использую jscrollpane: http://jscrollpane.kelvinluck.com /

Мне нужно, чтобы у полосы прокрутки (div.jspDrag) было другое фоновое изображение, когда пользователь наводит на нее курсор мыши. Однако мне нужно, чтобы фоновое изображение возвращалось к исходному при перетаскивании полосы прокрутки.

Псевдокласс наведения является стандартным, но как мне распознать, перетаскивается ли элемент? Должен ли у меня быть прослушиватель jquery, чтобы видеть, удерживается ли нажатой кнопка мыши?

Спасибо

РЕДАКТИРОВАТЬ Я пробовал следующее, но это ничего не дает:

 $("document").ready(function() {
    $(".node-type-collection-public .jspDrag").mouseenter(function() {
        $(this).css("background-color","red");
    });
});

1. Взгляните на это: api.jquery.com/category/events jQuery знает множество событий, поэтому вы можете легко определить, наводит ли пользователь курсор на полосу прокрутки или нажимает на нее.

2. Я обновил вопрос кодом, который я пробовал, но ничего не происходит. Есть ли где-нибудь их синтаксическая ошибка? Спасибо

Ответ №1:

-отредактировано после вашей правки —

 $(".node-type-collection-public .jspDrag").bind('mouseover',function() {
    $(this).css("background-color","red");
});

$(".node-type-collection-public .jspDrag").bind('click',function() {
    $(this).css("background-color","blue");
});

При наведении курсора он изменится на красный. Если вы нажмете (и перетащите), оно снова станет синим.

Ответ №2:

Упс, я забежал вперед, не посмотрев должным образом на код страницы. Jscrollpane добавляет следующий css при наведении курсора мыши или перетаскивании панели: .jspHover .jspActive . Итак, я могу сделать это только с помощью CSS.

Спасибо за ваш код. Я посмотрю, доволен ли мой клиент решением CSS. Они могут захотеть затухания, задержек и т.д., Что в конце концов будет означать выполнение этого в js.

Спасибо