如何在 jQuery Mobile 中使用 `paginit` 加载外部 Javascript 文件？答案

【问题标题】：How do I load external Javascript files using `paginit` in jQuery Mobile?如何在 jQuery Mobile 中使用 `paginit` 加载外部 Javascript 文件？
【发布时间】：2023-03-24 10:26:02
【问题描述】：

除非我点击刷新，否则滚动条不会加载。我认为这可以使用 jQuery Mobile 的pageinit 来解决。这是我尝试过的：

$('#summaryPage').live('pageinit', function(){
$.getScript('cubiq-iscroll-bad88fb/src/iscroll.js');
});

没有骰子。有任何想法吗？

【问题讨论】：

标签： jquery jquery-mobile

【解决方案1】：

var jsonp = document.createElement("script");
            jsonp.type = "text/javascript";
            jsonp.src = "cubiq-iscroll-bad88fb/src/iscroll.js";
            document.getElementsByTagName("body")[0].appendChild(jsonp);

这应该可以正常工作。如果 .js 工作没有错误。希望这会有所帮助。

【讨论】：

【解决方案2】：

你可以试试：

<script>
$('#summaryPage').live('pageinit', function(){
   var oHead = document.getElementsByTagName('HEAD').item(0);
   var oScript= document.createElement("script");
   oScript.type = "text/javascript";
   oScript.src="other.js";
   oHead.appendChild( oScript);
});
</script>

【讨论】：

我试过这个没有运气。我将“other.js”更改为我的“script.js”并将其粘贴到两个单独的头中并在它们之间导航。我也只是将它粘贴在 script.js 中，但 nada。谢谢你。
请查看编辑后的答案，也许您完全听错了事件。如果有帮助，请接受/支持

【解决方案3】：

尝试在页面显示之前运行它：

$('div:jqmData(role="page")').live('pagebeforeshow',function(){
    $.getScript('cubiq-iscroll-bad88fb/src/iscroll.js');
});

jQuery mobile $(document).ready equivalent

【讨论】：

.live() 已弃用，因此最好避免使用它。

【解决方案4】：

因为 .live 将被弃用，你也可以

$(document).on('pageinit', '#summaryPage', function(){
    //append head element and custom script 
});

也可能是你加载脚本太晚了，如果我是你，我会在文档和/或设备准备好后立即执行，然后在页面启动时检查元素是否存在如果没有，则触发创建。您还可以在 jquery mobile API 中收听一些事件，例如页面创建前

或者更好的是仍然将代码放在没有名称的全局函数中：

function(){
//append your script here  
}

您可以在 API 中阅读 jquery.com 上的文档

【讨论】：