确保在调用jQuery之后加载从插件调用的外部Java脚本文件

时间:2013-11-26 作者:fakeguybrushthreepwood

我使用以下方式从wordpress插件代码调用javascript文件:

add_action(\'init\',\'gallery_sugar_js_init\');

    function gallery_sugar_js_init() {
        wp_enqueue_script( \'gallery_sugar_js\', plugins_url( \'/js/gallery_sugar.js\', __FILE__ ));
}
但在WordPress的源代码中,我看到了这一点(首先加载我的javascript文件):

<script type=\'text/javascript\' src=\'http://localhost/projects/lightbox/wp-content/plugins/custom-gallery/js/gallery_sugar.js?ver=3.7\'></script>
<script type=\'text/javascript\' src=\'http://localhost/projects/lightbox/wp-includes/js/jquery/jquery.js?ver=1.10.2\'></script>
如何确保jquery首先加载到Wordpress插件文件中?

2 个回复
最合适的回答,由SO网友:Pepe 整理而成

尝试以下操作:

add_action(\'init\',\'gallery_sugar_js_init\');

function gallery_sugar_js_init() {
  wp_enqueue_script( \'gallery_sugar_js\', plugins_url( \'/js/gallery_sugar.js\', __FILE__ ), array( \'jquery\' ) );
}
检查Function Reference 了解更多信息。

SO网友:hereswhatidid

法典有一个specific example 正是针对这种情况。

wp\\u enqueue\\u脚本中的第三个参数是定义依赖项的位置。通过将jQuery作为一个依赖项,它将强制jQuery在您所请求的脚本之前加载。下面是一个代码示例:

wp_enqueue_script( \'gallery_sugar_js\', plugins_url( \'/js/gallery_sugar.js\', __FILE__ ), array( \'jquery\' ) );

结束

相关推荐

网站首页上未加载jQuery脚本

我一直在更新一个运行在旧版本WordPress上的网站,我不得不更新主题、大多数插件,最后更新了WordPress。我不得不做一些定制,包括使用插件来替换网站使用的旧主题功能,这些功能在更新的主题中不存在/不起作用。开发人员现在不支持该主题。阻止网站上线的唯一原因是主页上的向上滚动按钮不能正常工作。用户向下滚动页面后,会出现“向上滚动”按钮,单击“平滑”后,会滚动到页面顶部并消失。这是使用添加到主题自定义中的一点jQuery实现的。js文件。习惯。js文件以以下行开头:jQuery(document).r