0

我正在使用 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'除了使用或运行页面刷新之外，还有什么解决方法吗？

4

1 回答 1

1

您有两个具有相同 id 的 div，当您使用 id 将某些内容与 jQuery 绑定时，它只执行第一个。

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

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

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

于 2014-08-13T12:33:37.007 回答