WordPress自定义.js文件排序实现方法

在WordPress中，要将插件引用的.js文件放到所有.js文件之后加载，可以通过以下方法实现：

方法一：调整wp_enqueue_script的加载顺序

在插件的主文件中，使用wp_enqueue_script函数加载.js文件时，将$in_footer参数设置为true，这样可以确保该文件在页面底部加载。

function load_plugin_scripts() {
    wp_enqueue_script('plugin-script', plugins_url('/js/your-script.js', __FILE__), array('jquery'), '1.0', true);
}
add_action('wp_enqueue_scripts', 'load_plugin_scripts');

方法二：使用优先级调整加载顺序

如果需要更精细地控制加载顺序，可以通过add_action函数的优先级参数来调整。默认情况下，add_action的优先级为10，数值越小，越先执行。如果希望插件的.js文件最后加载，可以将优先级设置为一个较大的值。

function load_plugin_scripts() {
    wp_enqueue_script('plugin-script', plugins_url('/js/your-script.js', __FILE__), array('jquery'), '1.0', true);
}
add_action('wp_enqueue_scripts', 'load_plugin_scripts', 999); // 设置优先级为999

方法三：使用wp_footer钩子加载

如果上述方法仍无法满足需求，可以使用wp_footer钩子来加载.js文件。这种方法会将文件加载到页面的底部。

function load_plugin_scripts_footer() {
    echo '<script src="' . plugins_url('/js/your-script.js', __FILE__) . '"></script>';
}
add_action('wp_footer', 'load_plugin_scripts_footer');

注意事项

确保插件的.js文件路径正确，使用plugins_url()函数获取路径。

如果插件的.js文件依赖于其他脚本(如jQuery)，需要在wp_enqueue_script的$deps参数中正确设置依赖关系。

通过以上方法，可以将插件引用的.js文件放到所有.js文件之后加载，从而优化页面加载顺序和性能。

原文

http://wordpress.jianyes.com/jianzhan/475.html