Question

我正在使用下面的代码，.click动作可以自行运行，只要我添加.hover，然后.hover工作，.click停止工作。知道为什么会这样，以及如何解决它？

$('#11').click(function(){
    $('#widget').load('../212/?id=11');
    $(this).attr("src", "<?php bloginfo('stylesheet_directory'); ?>/images/category-fantasy-32-disable.png");
});
$('#11').hover(
function () {
    //hover event
    $(this).attr("src", "<?php bloginfo('stylesheet_directory'); ?>/images/category-fantasy-32-disable.png");
},
function () {
   //hover out event 
   $(this).attr("src", "<?php bloginfo('stylesheet_directory'); ?>/images/category-fantasy-32.png");
});

Answer 1

解决方案是绑定到click并将两者都悬停在一起。这是一个示例代码

$('p').on('click hover', function () {
    alert("Clicked");
});

$('p').hover(
    function(){
      console.log("X");
    },
    function(){
        console.log("Y");
    }
);

这将触发悬停和悬停方法。如果你点击它也可以。工作链接：http://jsfiddle.net/43BW4/

当使用.hover时，jQuery .click不起作用，我该如何解决这个问题？

1 个答案: