jquery - 让 JS 加载到 JQM 页面上

Question

我正在尝试让一个插件在 JQM 上运行，但我需要它在第二页处于事件状态时等待并加载。现在，它在启动时加载。我使用 data-role='page' 设置了我的页面。这是我的代码:

$(document).ready(function(){
    $("#two").bind('pageinit')
    jQuery(".namesleft").fitText();
    jQuery(".scoreleft").fitText();
    jQuery(".namesright").fitText();
    jQuery(".scoreright").fitText();
});

提前感谢您的帮助

Answer 1

这是一个有效的 jsFiddle 示例:http://jsfiddle.net/Gajotres/F2Gcm/

$(document).on('pageshow', '#index', function(){       
    $("h1").fitText(0.273);
    $(".download").fitText(1);
});

应使用

On 方法而不是 live 方法来绑定(bind)页面事件，live 方法已弃用，并且在 jQuery 中不存在1.9+。

此外，这应该绑定(bind)到 pageshow 事件，因为它在任何其他情况下都不起作用。 jQuery Mobile 对进行视觉更改的插件非常严格，此类插件仅在 pageshow 事件中起作用。

如果您想更好地了解 jQuery Mobile 页面事件，请查看此 ARTICLE ，或者找到它HERE 。