【问题标题】:Javascript not working when I place before the body but works in header当我放在正文之前但在标题中工作时,Javascript 不起作用
【发布时间】:2017-09-05 19:19:37
【问题描述】:

出于某种奇怪的原因,我的控制台显示“[弃用] 主线程上的同步 XMLHttpRequest 已被弃用,因为它对最终用户的体验产生不利影响。”

我知道这与我如何双重加载我的脚本有关,但是当我在标题和正文之前添加两个脚本时,网站似乎才能完美运行。当我尝试仅在结束标记之前将脚本添加到正文中时,我的 javascript 完全停止工作,我主要使用 jquery 来处理所有内容,而我的整个 custom.js 都包含在 $(document).ready() 我不明白

这就是我加载脚本的方式,它运行良好 我加了

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script src="https://js.pusher.com/3.0/pusher.min.js"></script>
<script src="bootstrap2/js/bootstrap.min.js"></script>
<script src="js/custom.js" type="text/javascript"></script>

到标题

这是我放在结束正文标记之前的脚本

<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
<script src="bootstrap2/js/bootstrap.min.js"></script>
<script src="js/custom.js" type="text/javascript"></script>

</body> 

所以当我将它全部添加到结束正文标记时,弃用消息消失了,所以我确定它与它有关,也许它与订单有关,但我无法弄清楚

【问题讨论】:

  • 您正在将 jQuery 加载到正文中...尝试将它们添加为:&lt;script src="https://code.jquery.com/jquery-3.1.0.js"&gt;&lt;/script&gt;&lt;script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"&gt;&lt;/script&gt;&lt;script src="https://js.pusher.com/3.0/pusher.min.js"&gt;&lt;/script&gt;&lt;script src="bootstrap2/js/bootstrap.min.js"&gt;&lt;/script&gt; &lt;script src="js/custom.js" type="text/javascript"&gt;&lt;/script&gt; 在标题中,以便它们从一开始或关闭 &lt;/body&gt; 后就可用。如果有任何脚本标签(带有代码),它们应该在加载脚本之后去......
  • 两次加载相同的脚本一点都不好。并加载两个不同版本的 jQuery。但是您遇到的错误与此无关。它与加载时发生的 XMLHttpRequest (Ajax) 有关。
  • 页面停止工作时的错误信息是什么?
  • 感谢 diego,该订单很好地解决了双重加载问题,也非常感谢那篇文章解决了我的贬损问题,谢谢

标签: javascript php jquery html twitter-bootstrap


【解决方案1】:

您必须在加载 jQuery-UI 库之前加载 jQuery 库,因为它依赖于它。即使我在开始职业生涯时也遇到过同样的错误!

【讨论】:

    猜你喜欢
    • 2013-10-20
    • 2020-12-09
    • 1970-01-01
    • 2022-08-20
    • 2019-10-08
    • 1970-01-01
    • 1970-01-01
    • 2015-12-12
    • 1970-01-01
    相关资源
    最近更新 更多