javascript - Wordpress - wp_enqueue_script/wp_enqueue_style 不起作用

Question

我自己编写了一些 WP-Plugin，我在其中编写

wp_enqueue_script('jquery');        
wp_enqueue_script('myapp1', $pluginpath . 'build/js/app.min.js', array('jquery')); 
wp_enqueue_style("myapp2", $pluginpath . 'build/css/style.css');

在我的本地主机上测试时，everythink 工作正常，所以我将所有内容上传到我的服务器，在那里，我的插件也可以工作，但是 app.min.js 和 样式。不包含 css(?)

这可能是什么原因造成的？

Answer 1

用 wp_enqueue_script()/wp_enqueue_style() 引用的文件在 wp_head() 函数中使用。

当你的短代码被评估时，这部分已经完成，所以你的文件将永远不会被引用。

您必须使用 wp_enqueue_scripts 操作添加您的样式:

function my_scripts() {
    wp_enqueue_style("myapp2", $pluginpath . 'build/css/style.css');
}
add_action( 'wp_enqueue_scripts', 'my_scripts' );

没有办法解决这个问题，因为样式属于头部。

但是对于您的 JS，您可以使用另一个参数将其加载到页脚中:

wp_enqueue_script('myapp1', $pluginpath . 'build/js/app.min.js', array('jquery'), "1.0", true); 

您可以将此添加到您的短代码中，这样至少 JS 只会在需要时加载。

(版本号可以是任何你想要的，当你发布新版本的 JS 文件时增加它是有用的，这样浏览器就不会使用缓存中的旧版本。)