页面更改后，Onclick 在面板中不起作用

Question

我正在使用 jquery mobile 和 php 创建一个小型 webapp。我有一个问题，我在面板中有一个菜单，我需要从中运行 onclick 事件。当使用data-ajax='false' 重新加载页面或运行页面刷新时，这可以正常工作。但是，当我在页面更改后尝试使用该事件时，它根本没有响应。

这是我的点击代码

    $('#searchOptionMap').click(function()
        {
            window.alert("map clicked ");
        });

你可以在这里看到 js fiddle http://jsfiddle.net/jbcvnz0p/

1. 如果您转到第 1 页 - 面板点击 - 地图点击出现警报

2. 如果您随后导航到第 2 页 - 面板单击 - 地图单击，则不会出现警报

3. 如果您停留在第 2 页并单击可折叠地图 - 会出现警报

您可以看到，相同的 onclick 事件适用于面板外部的可折叠集合，但不适用于面板内部。除了使用data-ajax='false' 或运行页面刷新之外，还有什么解决方法吗？

Answer 1

您有两个具有相同 id 的 div，当您使用 jQuery 使用 id 绑定某些东西时，它只会执行第一个。

$('#searchOptionMap').click(function()
    {
        window.alert("map clicked");
    });

因此，请改用一个类，或者如果两个页面都使用同一个面板，则将面板设为外部。

（#searchOptionMap2 在这种情况下有效，因为只有其中一个）