2013-08-19 4 views
0

У меня есть функция click на теге. Я хочу связать событие mouseover на одном элементе. Это возможно с помощью метода .bind. fiddleBind event in jquery

$(function(){ 
    $('a').click(function(){ 
     alert(0); 
    }) 
    $('a').bind('mouseover') 
}) 
<a href="#">Jitender</a> 
+0

Вы хотите, чтобы вы запускали тот же обработчик событий на 'click' и' mouseover'? –

+0

@RoryMcCrossan: Да – Carlos

+0

Нет проблем, см. Мой ответ ниже. –

ответ

1

Да. Просто связать MouseOver следующие щелчку связывания:

$('a').click(function(){ 
    alert(0); 
}).bind('mouseover', function() { 
    $(this).css('background-color', 'red'); // To show it working 
}); 

http://jsfiddle.net/R7qrC/3/

0

Да, как это:

Fiddle

$('a').bind('mouseover', function() { 
    alert(0); 
}); 

Кроме того, bind() устарел, если вы используете более новую версию JQuery (1.7+) вы должны использовать вместо этого on().

Как это трудно понять, как MouseOver и нажмите события, которые создают предупреждение (поскольку предупреждение от mouseover бы помешать вам когда-либо нажав на него), следующее позволит вам видеть оба события работают лучше:

Fiddle

$('a').on('mouseover click', function(){ 
    $(this).toggleClass("test"); 
}); 
1

Вы должны использовать ключевое слово on.

$('a').on('mouseover', function() { alert(1);}) 

согласно jQuery documentation:

"На JQuery 1.7, метод .on() является предпочтительным способом для прикрепления обработчиков событий к документу."

3

Предполагая, что вы хотите связать один и тот же обработчик события click и mouseover вы можете попробовать это:

$('a').on('click mouseover', function(e) { 
    e.preventDefault(); 
    alert('0'); 
}); 

Обратите внимание на использование on является предпочтительным по сравнению с bind в jQuery 1.7+.

2
$(function(){ 
    $('a').on('click mouseover', function() { 
     alert(0); 
     return false; 
    });  
}); 
+0

Не работает – Carlos

+0

Обновлены коды. попробуй еще раз – Shivam