“使用 Jquery 移动动态生成”对话框将打开多次

Question

在多页模板中，我有三个类别页面(comedy, action, drama)您可以在每个包含图像行(Seinfeld, Modern Family, Family Guy, Big Bang)之间滑动。单击单个图像应打开一个对话框(Seinfeld summary)，单击关闭按钮时关闭，并保持关闭。最初它可以工作，然后发生的事情是基于两个图像单击后的图像数量，它打开和关闭 n -1（单击第三个图像，打开对话框两次）。

这背后的原因可能是什么？

Answer 1

没有你的代码，我可以确定，但我想我明白你发生了什么。

多事件绑定时遇到问题。由于jQuery Mobile体系结构，可以将事件多次绑定到某个对象。

我有一篇关于jQuery Mobile页面事件处理的博客文章，其中有一章专门讨论这个问题，只需搜索防止多个事件触发一章。或者可以在这里找到。

简而言之，在将事件绑定到某个对象之前，请始终取消绑定事件以防止这种情况发生：

$('#test-button').die('click').live('click', function(e) {
    alert('Button click');
});