Jquery Mobile pageshow函数

Question

我正在使用 jqm 框架构建一个 Web 应用程序，并且在包含 jQuery 小部件 k3dcarousel 时一直尝试使用 pageshow 函数。在相关页面上，我的脚本位于 data-role="page" div 下，

$("#page-about").live(
    "pageshow",
    function (event) {
        $('#k3dCarousel_portrait').k3dCarousel();
    }
);

看来我需要点击我的链接两次才能加载JS函数，这会让我认为我使用这个函数是错误的。另外，如果我不使用$("#page-about").die();函数位于 pageshow 函数下方，如果我单击后退然后再次单击链接，脚本将被加载多次。

我使用的pageshow逻辑是否错误？有没有更好的方法来实现我正在尝试做的事情:将此页面 AJAX 到我的移动框架中。

我知道这是一个相当具体的问题，但希望对此有一个通用的答案，因为在我看来，这可能发生在任何小部件上。

非常感谢任何帮助，如果有帮助，我可以粘贴更多代码。

感谢您的宝贵时间。

Answer 1

由于您绑定(bind)到 pageshow 事件，因此每次您查看页面时都会触发匿名函数。如果您只想在页面的第一个 View 上调用代码，则可以绑定(bind)到 pagecreate/pageinit 事件，或者检查 pageshow 代码中是否存在 k3dCarousel :

$("#page-about").live(
    "pageshow",
    function (event) {
        //check for the existence of HTML within the container element
        if ($('#k3dCarousel_portrait').html().length == 0) {
            $('#k3dCarousel_portrait').k3dCarousel();
        }
    }
);

以下是所有 jQuery Mobile 特定事件的说明:http://jquerymobile.com/demos/1.0rc3/docs/api/events.html