如何创建 onClick 和鼠标悬停到 link jQuery

Question

我有这个脚本可以将点击时的主图像更改为带有 .feature_thumb class 的 link。我想让它既可以点击又可以悬停。

$(".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 方法是 shorthand for $( 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 );

});

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

How to create both onClick and mouseover to a link jQuery