页面更改后，Onclick无法在面板中工作

Question

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

这是我的onclick代码

    $('#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，当你使用id绑定jQuery的东西时，它只会执行第一个。

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

所以请改用一个类，或者如果两个页面的面板都是相同的面板，则将面板设为外部。

（＃searchOptionMap2在这种情况下起作用，因为它们只有一个）