调用js函数只能在jquery mobile上首次使用

Question

在jquery移动网络应用上我在关闭按钮上调用js功能。那个js函数关闭了它的调用者div父母。 这很好，但问题是我有多个关闭按钮，这个功能第一次完美， 之后onclick无效。它不会进入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为div的{​​{1}}。由于只有一个元素具有此ID，因此一旦隐藏，用户就无法再次单击它，因此该功能将不会再次执行。

如果你有多个关闭按钮，你应该使用类选择器来附加处理程序：

closeTable

这会将侦听器附加到具有类$(".closeTable").click(function() { ... 的每个元素。这意味着当单击任何时，该函数将执行，因此它将多次运行。

希望这有帮助。