为什么 WordPress 找不到我的 javascript 文件？为什么我的 javascript 文件不刷新？

我通过以下方式将自定义 JavaScript 添加到 WordPress 主题wp_enqueue_script()功能。

我把我的文件放在theme-folder/js/my-javascript.js

但是wordpress找不到它！我会在 WordPress 插入的 html 源代码中看到脚本标记，但是单击它会将我带到“未找到页面”。我环顾四周，看看这是否是缓存问题。关闭了缓存，还是没有。

最后，我最终将 my-javascript.js 文件放在主题文件夹的根目录中，而不是“js”文件夹中。现在我的 js 文件已被找到并加载。

但现在出现了一个我不明白的新问题..我会编辑我的文件，但所做的更改不会反映出来！每次进行更改时，我都必须更改 js 文件的文件名，并在排队脚本函数中重命名该文件......我只是想完成此任务。

那么为什么会发生这种情况呢？该网站托管在 dreamhost 上，我怀疑他们使用了一键安装程序。 DreamHost 是否会自行进行某种缓存？这就是为什么？

我是傻子吗？还是 wordpress 知道我讨厌它？

Edit:

这就是我加载脚本以及让它工作的方式，但是为什么当我进行更改时我的脚本不会刷新，为什么当我将它放在主题的“js”文件夹中时它不起作用？

/* Add floater script */
function add_floater_div_script(){  
    /* wp_enqueue_script( 'script', get_template_directory_uri() . '/js/script.js', array ( 'jquery' ), 1.1, true);  */
    if ( is_page(1208) ) {  
       wp_enqueue_script( 'custom-floater', get_template_directory_uri() . '/custom-floater-8.js', array('jquery'), '', true);  
    }             
}  
add_action( 'wp_enqueue_scripts', 'add_floater_div_script' ); 

Edit:将代码从“array (”更改为“array(”，因为有人认为这是一个问题。我自己快速检查了一下，PHP 对此空间没问题，所以这并不能解释我试图解决的奇怪的 WordPress 行为。

是的，缓存真的很烦人，虽然硬重新加载应该可以解决问题，但我们不能指望客户端每次都这样做。 WordPress 添加了一种方法来解决这个问题:)

wp_enqueue_script接受第四个参数作为版本号...

https://developer.wordpress.org/reference/functions/wp_enqueue_script/ https://developer.wordpress.org/reference/functions/wp_enqueue_script/

所以每次更新后就更新版本...

对于开发，只需将其设置为time()...这样它每次都会重新加载并且从不缓存...

wp_enqueue_script( 'custom-floater', get_template_directory_uri() . '/custom-floater-8.js', array('jquery'), time(), true);

你的代码看起来像这样......

/* Add floater script */
function add_floater_div_script(){  
    /* wp_enqueue_script( 'script', get_template_directory_uri() . '/js/script.js', array ( 'jquery' ), 1.1, true);  */
    if ( is_page(1208) ) {  
       wp_enqueue_script( 'custom-floater', get_template_directory_uri() . '/custom-floater-8.js', array('jquery'), time(), true);
    }             
}  
add_action( 'wp_enqueue_scripts', 'add_floater_div_script' ); 

一定要删除time()从生产版本开始。否则你的文件永远不会被浏览器缓存...只需在开发完成后设置主题的版本，以便每个新版本都会更新 JS。