jquery - jQuery .click 在使用 .hover 时也不起作用，我该如何解决？

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

解决方案是绑定到单击和悬停两者。这是一个示例代码

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

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

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