jquery-mobile - 在 jQuery Mobile 中为不同页面附加按钮单击事件的适当方法是什么？

Question

我尝试了这个解决方案，但显然，我仍然会得到鬼点击。

例如，我在 page1.html 中使用以下代码：

<script type="text/javascript">
    $(document).on('pageinit', '.ui-page',function(){
        $("#someButtonForPage1").click(function(){
            $.mobile.changePage("page2.html");
        });
    });
</script>

然后在第 2 页，我有以下内容：

<script type="text/javascript">
    $(document).on('pageinit', '.ui-page',function(){
        $("#someButtonForPage2").click(function(){
            $.mobile.changePage("page1.html");
        });
    });
</script>

至于页面，它们仅包含页眉、内容主体（内部包含按钮元素）和页脚。发生的情况是单击按钮将使页面相互转换至少几次。这意味着我仍然会得到鬼点击。

什么能彻底解决这个问题？

Answer 1

这是一个常见的 jQuery 移动问题。在将事件绑定到任何内容之前，您需要检查该事件是否已绑定到该元素。例如，带有 2 次点击/点击事件的按钮将执行 2 次想要的操作。

在这里，您将找到我对同一问题的回答。

我的第一个示例使用事件过滤器，您可以在此处找到它，示例在此处。