Question

我在jQuery中有一个非常简单的问题，我似乎无法找到解决方案：我有一个mouseOver和mouseOut效果，但我需要一个扭曲，如果点击而不是保持该框打开，即使它们是mouseOut。

以下是我到目前为止的一个例子：

提前致谢！

Answer 1

$(".rock").click(function() {
      $('.rock').unbind('mouseout');
});

在.rock点击时取消绑定mouseout事件。

Answer 2

你必须解开事件，然后永远保持开放。

Made you an updated fiddle here

Answer 3

$(".rock").click(function() {
     $(this).off('mouseout');

如果你有多个mouseOut事件，你可能希望命名它们并只删除有问题的一个（上面的代码删除绑定到.rock元素的所有mouseOut事件）。

Answer 4

试试这个insted

    $(".rock").hover(function() {
    $(".box_content.rock").stop().animate(
          {"height": "100px"},
          "normal");
    $(".box.rock").stop().animate(
          {"height": "140px"},
          "normal");
    $(".hide.rock").removeClass("hide").addClass("show");
    })

    $('.box_content.rock').click(function(){    
    $('.box_content.rock').unbind("hover");
    });

点击后停止悬停效果

4 个答案: