Question

我有一个问题：这是我的脚本，点击即可调用

$("#next").live("click", function() {
    $.mobile.loading( 'show', {
        text: 'loading',
        textVisible: true,
        theme: 'b',
        html: "" 
    });
    $('.giocatore').remove();
    var pagina = parseInt($('#home').attr('pagina'));
    $('#home').attr('pagina',pagina+1);
    $('#back').append('<a id="prev" data-role="button" data-theme="a" href="" data-icon="arrow-l" data-iconpos="left" class="ui-btn-left">Prec</a>').trigger('create');
    caricalista();
});

它对我的网页做了一些事情。我希望在它执行某些操作的过程中，当我在jquery mobile中从一个页面传递到另一个页面时，页面会向我显示加载消息或某些转换，例如“pop”。

现在使用我的代码页面显示加载消息，但在脚本执行后也会保留

任何人都可以帮助我吗？

Answer 1

你怎么知道你的代码何时完成了某些事情？你必须用你的代码公布某些事情的执行情况。之后你只需要隐藏加载消息。尝试jQuery pubsub

观看此视频。你会得到你需要的东西

https://tutsplus.com/lesson/custom-events-and-the-observer-pattern/

由于

Answer 2

您可以使用自定义活动。

完成工作后，只需触发声明即可完成。将此行添加到现有函数的最后一行：

$(document).trigger('customEvent');

现在在该函数之外订阅该公告：

$(document).on('customEvent', function () {
     // hide your loading message
});

希望这个帮助

在jquery mobile中转换加载消息

2 个答案: