推迟Javascript加载顺序

Question

我有一个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 scripts函数，该函数将defer="defer" onload src="..."到我的所有脚本中

但是我收到一个错误Uncaught TypeError: $(...).accordion is not a function该Uncaught TypeError: $(...).accordion is not a function位于我的脚本文件中，并且取决于jquery-ui，我相信defer脚本之后会加载jquery-ui吗？

有什么帮助吗？

Answer 1

您是否将JavaScript调用包装在

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

http://learn.jquery.com/using-jquery-core/document-ready/

Answer 2

需要将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之后加载了另一个版本，它将丢失