如何延迟Javascript加载顺序?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (61)

我有一个WordPress,我有各种脚本。

我已经把我的jquery和jquery-ui加入到标题中

wp_enqueue_script('jquery', 'https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js', null, null, false);
wp_enqueue_script('jquery-ui', 'https://code.jquery.com/ui/1.10.0/jquery-ui.min.js', null, null, false);

我的脚本

wp_enqueue_script('scripts', 'https://eg1234.cloudfront.net/wp-content/scripts/scripts.js', ['jquery','jquery-ui'], '', true);

我也有推迟脚本函数,它增加defer="defer" onload src="..."

然而,我得到一个错误,Uncaught TypeError: $(...).accordion is not a function这是在我的脚本文件,并取决于jquery-ui,我相信推迟脚本后加载jquery-ui?

提问于
用户回答回答于

需要将jQuery设置为jQuery UI的依赖项。jQuery UI等插件的加载顺序非常重要,jQuery首先加载

wp_enqueue_script('jquery-ui', 'https://code.jquery.com/ui/1.10.0/jquery-ui.min.js', ['jquery']);

同时确保只有一个版本的jQuery被加载到页面中。如果另一个版本在jQuery UI之后被加载,它将会丢失

用户回答回答于

是否将JavaScript调用封装在

$(function() {
    console.log( "ready!" );
});

扫码关注云+社区

领取腾讯云代金券