Jquerymobile 在 pageinit 上警报 2 次

Question

在我的页面加载中，我收到来自 jqm 的 2 条警报。我的代码有任何问题吗？

我的代码:

 $(document).bind('pageinit', function () {

alert('hi') // alerts 2 times...

        if(navigator.platform.indexOf("iPhone") != -1){
           $('div.video-holder span ').hide();
        }

    $('a[href="#"], a.disabled').bind('click touchstart',function (e) {
       e.preventDefault();
    } );

    if($(' #task-1,#task-2').length){
        candidateAccordion($('.candidate-list'));    
    }
    if($('#task-3').length || $('#task-4').length){
        taskSelector($('#task-3,#task-4'));//only for tast list selection
    }
    if($('video').length){
        $('.video-holder').each(function(num,element) {
            videoProcess($(element));
        });
    }
    if($('#task1-candSelected').length){
        candidateUpdate($('#task1-candSelected'));
    }

    if($('#task2-results').length){
        task2ResultProcess();
    }

    if($('#task3-results').length){
        task3ResultProcess();
    }
    if($('#task4-results').length){
        task4ResultProcess();
    }
    if($('#scoredUptoFinal').length){
        scoredUptoFinal();
    }

} )

Answer 1

如果您的警报触发两次，则该事件将被触发两次。

如何将 event 添加到函数参数并像这样安慰它:

$(document).bind('pageinit', function (event) {

   console.log( event )

   ...

这应该为您提供一些有关正在发生的事情的信息。

SO 上的 pageinit 有很多问题(例如 here )，所以也许它们也可以为您指出解决方案。

我还遇到了多个 pageinit 事件触发的问题。我通常这样做是为了在第一次触发后锁定页面:

$(document).bind('pageinit', function() {
    if ( !$('html').hasClass("mv-on") ){
        $('html').addClass("mv-on");
        // trigger my stuff
        }
    });

这样 pageinit 将为整个 DOM 运行 ONCE。您还可以通过向触发 pageinit 事件的页面添加类或属性来使用它来锁定页面。

此外，请确保 pageinit 是您的绑定(bind)/处理程序的正确事件。当我尝试绑定(bind)的类尚未插入到 DOM 中时，我经常尝试在 pageinit 上进行设置，例如按类绑定(bind)到元素。我现在通常使用 pagebeforeshow ，因为这样我确信所有背景事情都已完成。但这只是一个偏好问题。