只在jquery移动平台上首次调用js函数。

Question

在jquery移动web应用程序上，我在关闭按钮上调用js函数。js函数关闭它的调用者div父函数。这很好，但问题是，我有多个关闭按钮和这个功能完美的第一次，之后，点击不工作。它没有进入js函数。

我试图将js函数放在我的_Layout.cshtml页面的最底部，但是它没有改变任何东西。

更新

    <script type="text/javascript">
    $('#closeTable').click(function () {
         $(this).parent().hide();       
    });

</script>

<div id="closeTable"></div>

Answer 1

您的问题源于使用ID将事件侦听器添加到其中这一事实。在你的JS中，你有这一行：

$('#closeTable').click(function () { ...

这一行将一个click事件处理程序附加到ID为closeTable的div。因为只有一个带有这个ID的元素，所以一旦它被隐藏，用户就不能再次单击它，因此函数不会再次执行。

如果像您所说的有多个关闭按钮，则应该使用类选择器来附加处理程序：

$(".closeTable").click(function() { ...

相反，这会将侦听器附加到类closeTable的每个元素。这意味着当单击中的任何时，该函数将执行，因此它将多次工作。

希望这能有所帮助。