Селектор с живой () парой

Question

Я пытаюсь привязать событие hover к элементам на моей странице, используя следующий код:

$(".pinSelect-available").live('mouseover mouseout', function(e) {
alert(e.type);
if (e.type == 'mouseover') {
        // mouseover stuff
} else {
        // mouseout stuff
}
});

Однако предупреждение вызывает только mouseout и, по-видимому, каждый элемент на моей страниценесмотря на назначение класса .pinSelect-available в селекторе.Я также пробовал другие вещи в моем селекторе, и все они делают то же самое.

Любая помощь по этому вопросу будет высоко ценится, спасибо.

Answer 1

Вы используете jQuery 1.4.1+?Страница документации jQuery для .live () говорит, что возможность назначать несколько событий была добавлена ​​в 1.4.1

Я полагаю, что вы, как и ваш пример с этой страницы...

Answer 2

Просто напоминание, вы не можете присвоить событие (даже .live ()) контексту, который не существует, например.

$(".pinSelect-available").live('mouseover mouseout', function(e) {
alert(e.type);
if (e.type == 'mouseover') {
        // mouseover stuff
} else {
        // mouseout stuff
}
});

Не работает, если .pinSelect-available не существует на данный момент или удалено и воссоздано позже.

Answer 3

Вам необходимо использовать 1.4.1+ для привязки нескольких событий.