jquery - 使用隐藏/显示 jquery animate 时出现奇怪的“双重回调”

Question

我有一个用 .hide 隐藏的 div 并在点击打开时使用.show("slide", { direction: "left" }, 1000);它一切正常，在那个我有按钮的内部，点击触发 div 被隐藏，这是使用完成的

$('.hide-content').click(function () {
     $(".slide-out").hide("slide", {
         direction: "left"
     }, 1000);
});

它可以工作，但是一旦隐藏它就会再次打开然后很快关闭..这真的很奇怪，因为我看不出有任何 js 导致它。

我在这里解决了这个问题 - http://jsfiddle.net/vUZuY/ - 复制它：单击打开然后滚动到打开的 div 的底部并点击隐藏，你会看到它是如何反弹回来的关闭。

Answer 1

好的，我注意到这有两个问题：

1. 每次打开 div 时，您都在重新绑定 hide 事件。不过，看起来您是从另一个来源加载的，所以这在您的实际实现中可能没问题。
2. 真正的问题：在你的标记中，你有一个“关闭”链接和一个段落。两者都有“隐藏内容”类——因此您已将其设置为触发此事件两次。（单击 时一次，单击

   被点击）；

我对您的小提琴进行了快速编辑：http: //jsfiddle.net/vUZuY/2/通过提供唯一的 id 并绑定到它。