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

Question

我尝试this solution但显然，我仍然可以通过它获得幽灵点击。

例如，我在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次想要的操作。

Here你会找到我对同一问题的答案。

我的第一个示例使用了事件过滤器，您可以找到它here，例如here。