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');

在我的localhost上测试时，everythink工作正常，所以我将所有内容上传到我的服务器，我的插件也可以，但是app.min.js和style.css不包括在内（？）< / p>

这可能是什么原因？

Answer 1

首先我想到的是 $ pluginpath 变量设置不正确。检查浏览器控制台，如果文件完全排队，如果他们这样做，他们应该产生404错误。如果产生错误，那么您可以看到文件路径并检查它是否正确（如果文件似乎丢失则不应该这样）。

此外，您不必将jQuery排队，因为WordPress核心会这样做。

Answer 2

在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文件时增加它是很有用的，所以浏览器不能使用缓存中的旧版本。）

Wordpress - wp_enqueue_script / wp_enqueue_style不起作用

2 个答案: