如何创建onClick和mouseover到链接jQuery

Question

我有这个脚本将点击的主图像更改为.feature_thumb类的链接。我想做到这一点，它既可以点击也可以悬停。

$(".feature_thumb").click(function(){

   var main_href = $(this).attr('href');

   change_image(main_href );

});

有人可以帮我这个吗？

我试过了，但它没有工作......

$(".feature_thumb").on('click hover') function(){

   var main_href = $(this).attr('href');

   change_image(main_href );

});

谢谢

Answer 1

hover() jQuery方法是$( selector ).mouseenter( handlerIn ).mouseleave( handlerOut );的简写 实际上你想要mouseover：

$(".feature_thumb").on('click mouseover', function(){...});

或者根据预期的行为和HTML标记，使用mouseenter。

Answer 2

你的语法略有偏差，但看起来不错，应该可行。

请注意，在您的代码示例中，有更多的结束括号而不是打开括号。

$(".feature_thumb").on('click hover', function(){

   var main_href = $(this).attr('href');

   change_image(main_href );

});

同样正如其他人所指出的那样，悬停事件实际上是两件事。悬停是$( selector ).on( "mouseenter mouseleave", handlerInOut );

的简写