问题标签 [load-order]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
235 浏览

jquery - Wordpress 中的 jQuery 加载顺序

我有一个 jQuery 脚本,它读取 img 高度并将样式标签添加到 head 标签。

jQuery

问题:有时脚本工作正常,有时却不行。当我刷新我的网站(Wordpress)时,行高是 80px 或 0px。我认为这是脚本加载的问题。当脚本加载速度快于 img 时,它显示 0px。但这只是我的猜测......脚本标签就在</body>标签之前。

我的演示页面

有任何想法吗?

0 投票
1 回答
95 浏览

meteor - Meteor - 为什么首先加载 main.scss?

我有一个包含 main.scss 的客户端文件夹和一个名为 home 的文件夹,其中包含一个 home.scss:

我在 Meteor doc main.* 中阅读过在其他文件之前加载。但是我的 home.scss 被 main.scss 覆盖,好像 main.scss 是在之后加载的......为什么?

0 投票
1 回答
226 浏览

css - Meteor Bootstrap 节点模块覆盖我自己的 css

我使用Meteor 为什么最后会加载节点模块,并在imports/目录中覆盖我自己的 css 文件?我正在使用bootstrap,但有些class我不喜欢 as background-color body。发生这种情况:在我的目录中:

但不起作用,当 firefox 或 chrome 刷新时,总是出现相同的默认引导颜色。

我阅读了 Order Loads 文档,但这并不能解决我的问题。我不想覆盖引导程序的原始文件,也不想删除或编辑,因为我什么时候使用.git 任何想法都不是一个好主意?谢谢大家。请我有很多天在这个问题jajaja

0 投票
2 回答
97 浏览

javascript - requirejs 意外行为

当我加载页面时,我得到这个加载顺序: 在此处输入图像描述 如您所见,makePlotlyWindowResponsive.js(1,在图像上)在plotly-latest.min.js(2,在图像上)之前加载。据我了解 requirejs 机制,我会看到一个Plotly is not defined错误makePlotlyWindowResponsive.js,但我没有得到任何错误。一切正常。

我想了解 requirejs 以及它是如何工作的。

问题1:怎么没有错误?

问题2:这意味着,尽管加载顺序,如果文件在页面完全加载之前加载没有错误?

谢谢你的时间!

0 投票
3 回答
7146 浏览

javascript - 动态添加的脚本标签的加载顺序

我有一个打字稿应用程序,可以动态添加指向 JS 文件的脚本标签。由于一些限制,我不能在 html 文件中静态定义这些脚本标签,所以我通过 typescript 动态添加它们,如下所示:

现在,我注意到,当我动态添加脚本标签时,它们似乎并不能保证它们的加载顺序。不幸的是,该jsFiles数组具有相互依赖的脚本。因此,数组中的第二个脚本只能在第一个脚本完全加载后才能加载。第二个脚本引用了第一个脚本中定义的函数。有没有一种方法可以在动态添加脚本时指定脚本的排序和执行顺序(类似于在 html 文件中静态定义脚本标签时的排序方式)?

PS 我想避免使用 onload 回调来解决这个问题,因为我注意到我的应用程序的性能下降。我的第二个脚本文件非常大,我假设这导致了降级。

0 投票
2 回答
294 浏览

arrays - TYPO3 中的 LOAD_REGISTER 是否有“范围”?

我正在尝试通过 COA tt_content.textmedia 中的 TypoScript 输出 [TSFE] [register] [initialVariable] 的值,但没有得到任何输出。

我已将 [initialVariable] 与 LOAD_REGISTER 定义为页面的 FLUIDTEMPLATE 对象中的流体变量。(当我在 FLUIDTEMPLATE 中输出 [initialVariable] 时,它可以工作。)

这是模板的摘录: 首先 [initialVariable] 被定义。

稍后在模板中 [initialVariable] 应该在每个 textmedia 对象下输出(但它不起作用):

我知道 LOAD_REGISTER 没有范围问题,因为它设置了全局变量(标题只是一个预告片;-))而且我知道只有一个 [register] 数组。那么为什么当我尝试输出它时 [initialVariable] 未定义。是否与 TypoScript 的加载和解析顺序有关?

有人可以帮忙吗?任何想法表示赞赏。

0 投票
2 回答
402 浏览

javascript - html页面加载后加载javascript

我试图确保外部 javascript 文件最后加载到页面上。

javascript 文件“script.js”(控制图像滑块)应该放在最后。我怀疑它现在没有加载,因为我的网页被文件中定义的红色背景图像覆盖。当我删除 script.js 文件时,我的网页正常显示,但滑块功能不起作用。

在第一次加载时,正确的布局会显示一秒钟,然后被红色背景图像覆盖。

目前,在我的 html 文件的末尾,我有:

该网站使用相同的滑块,并且 javascript 文件的顺序相同,但我的不起作用。

我的现场网站在这里。我试过了

然后我尝试了 require.js,但考虑到我的 javascript 初级水平,我迷路了。

我也试过

但由于使用 jQuery 而收到错误。

这是导致问题的 javascript 文件:

有没有机会我错过了一个更简单的修复?

非常感谢!

0 投票
1 回答
26 浏览

android - Meteor file load order changes on mobile

In Meteor application's client folder I created js file which manipulates my template (client/index.html). It works fine when I run application locally in a browser. But when I deploy it to mobile phone my script does not work. Then I added console.log statements to my template and script and found that load order is different. In local browser it prints:

But in mobile phone it prints other way around:

Meteor documentation states that "HTML template files are always loaded before everything else". So why it is not true when I deploy my application to mobile phone?

0 投票
0 回答
46 浏览

javascript - JavaScript - 不同浏览器中的不同执行/加载顺序

有谁知道为什么下面的代码会在不同的浏览器中以不同的顺序执行?代码是在一个嵌入在纯 HTML 页面中的外部文件中,<body></body>使用 <script src="js/filename.js"></script>.

Chrome 首先执行警报,然后是 docWrite,Edge 执行前 3 个 docWrite,然后是两个警报,然后是另一个 docWrite(也是错误的顺序)。只有 Firefox 以正确的顺序执行此代码。

同样的行为是当我在浏览器的开发人员工具中执行类似的代码时,例如:在一行中写一个document.write();后跟一个alert(). Chrome 将首先执行alert()as...

有没有人有任何想法?