优化jQueryMobile的代码：仅在需要时选择性地包含外部JS文件的问题

作者: star*위위
发布时间: 2025-07-01 04:58:46 (9天前)
转自：

4 条回复

0#
回复此人
林老爷的日常 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 好问题！我还没有在jQuery Mobile文档中看到过这个。以下 <a href="https://stackoverflow.com/users/173077/naugtur"> naugtur </A> 我会在你的页面div中说出这样的话 </p> <pre> <code> <script> if(typeof MyFunction == "undefined") { $.getScript('myfunction.js', function() { // initialize if necessary }); } </script> </code> </pre> <P> 如果你正在加载Google服务的东西，特别是如果有多个文件，那么 <a href="http://jsload.net/" rel="nofollow noreferrer"> jsload </A> 是个不错的选择。 </p> </DIV>

编辑
1#
回复此人
布偶的表弟派大星丶 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 问题，您是否尝试使用head.js方法解决问题？他们设置js文件作为未阻止的请求加载，就像在浏览器中加载图像的方式而不是默认的浏览器方式一次加载一个js文件并阻止其他js加载 </p> </DIV>

编辑
2#
回复此人
甲基蓝 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <BLOCKQUOTE> <P> 所有这些页面都会在每个页面上初始化所有必需的库。 </p> </BLOCKQUOTE> <P> 是的，这是默认的方式，所以无论用户首先调用哪个页面/子页面 - 一切正常。所有库工作正常，只加载一次。但你可能知道。 </p> <P> 假设您希望稍后加载某些库，以便即使用户不需要它们也不会减慢整个应用程序的速度，您应该强制它们仅使用正确的页面加载。 </p> <P> 这可以通过一些不同的方式实现： </p> <OL> <LI> 最简单的：把它放在头上，因为它是最开放和放置的最好的页面 <code> rel="external" </code> 在该子页面的所有链接中。它显然会重新加载页面并让你失去JQM缓存页面的一些优点，但是及时加载库可能是值得的 </LI> <LI> 建议：当JQM放入其中时，它应该加载并运行JS <code> page </code> DIV。它无法为你工作的原因可能是lib依赖于a <code> domready </code> 事件，您可能必须为库触发它。但是如果你只是触发事件，它将使一切（包括JQM）处理它。你必须让它只触发库。要做到这一点，你需要： <UL> <LI> 编辑代码并找到事件处理函数 </LI> <LI> 更改代码，以便该函数具有全局可访问的名称 </LI> <LI> 在a中调用函数 <code> pagesomething </code> 处理器 </LI> </UL> </LI> </醇> <P> 另外：如果您有页面问题，请尝试绑定到 <code> pageshow </code> 代替 <code> pagecreate </code> 看看是否有东西需要首先看到元素。 </p> </DIV>

编辑

登录后才能参与评论