更改页面后，在面板中单击不工作

Question

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

这是我的onclick代码

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

你可以看到这里的js代码http://jsfiddle.net/jbcvnz0p/

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

2. 如果你然后导航到第2页-面板点击-地图点击警报不会出现

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

你可以看到，同样的onclick事件适用于面板外的可折叠集，而不是面板内的。除了使用data-ajax='false'或运行页面刷新之外，还有其他解决方案吗?

Answer 1

你有两个div具有相同的id，当你绑定的东西与jQuery使用一个id，它只做第一个。

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

所以使用一个类代替，或者使面板外部，如果它将是两个页面的相同面板。

(#searchOptionMap2在这种情况下工作，因为只有一个)