Jquery mobile .click在新页面访问时多次触发

JQuery Mobile是一个基于JQuery的移动端开发框架，它提供了一系列的UI组件和交互效果，使得移动应用的开发更加简单和高效。

.click是JQuery的一个事件绑定方法，用于在元素被点击时触发相应的操作。在JQuery Mobile中，由于其特殊的页面切换机制，使用.click方法可能会导致事件被多次触发的问题。

这是因为在JQuery Mobile中，页面切换是通过Ajax加载实现的，当使用.click方法绑定事件时，如果目标元素在新页面中被重新加载，那么事件会被重新绑定，从而导致多次触发。

为了解决这个问题，可以使用JQuery Mobile提供的事件绑定方法pageinit或者pagecreate来替代.click方法。这两个方法在页面初始化或创建时只会触发一次，避免了多次触发的问题。

示例代码如下：

$(document).on("pageinit", "#page-id", function(){
  $("#element-id").on("click", function(){
    // 执行点击事件的操作
  });
});

在上述代码中，pageinit事件会在页面初始化时触发，然后使用.on方法绑定了元素的点击事件。这样就可以确保事件只会在页面初始化时绑定一次，避免了多次触发的问题。

推荐的腾讯云相关产品：腾讯云移动开发平台（https://cloud.tencent.com/product/mmp）

腾讯云移动开发平台是腾讯云提供的一站式移动应用开发解决方案，包括移动应用开发、移动应用测试、移动应用运维等多个环节。它提供了丰富的移动开发工具和服务，帮助开发者快速构建高质量的移动应用。

希望以上信息能对您有所帮助！