javascript - 为什么我的 jQuery .ready() 函数不起作用？

Question

我最近更新了我的 Wordpress 博客，该博客似乎破坏了我在页面上的所有 jQuery。

我包含了一个 core.js 文件，其中包含一个修改页面行为的 .ready 方法，但是自从更新以来它就停止工作了。我相信这是因为 Wordpress 注入(inject)了自己版本的 jQuery 库，这在某种程度上与我的脚本发生了冲突。

Webpage

Core.js file
文件片段

    console.log('loaded core.js');
    jQuery(document).ready(function($) {
    console.log('inside ready function');
    // other stuff goes on here
    }

“loaded core.js”调试行将触发，但第二个调试行不会。我不确定如何解决，非常感谢您的建议。

Answer 1

您需要取消注册默认的 jquery 库。欲了解更多信息，请查看Function Reference/wp deregister script .

wp_deregister_script( 'jquery' );

如果您要取消注册 jquery，可以通过以下方法删除它并添加不同的版本:

function my_jquery_lib() {
   wp_deregister_script('jquery');
   $lib_url = "//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"; // the library URL.
   wp_register_script('new-jquery', $lib_url, false, null);
   wp_enqueue_script('new-jquery');
}
add_action("wp_enqueue_scripts", "my_jquery_lib");

您的网站在控制台中出现错误。

TypeError: f.browser is undefined

这可能是导致问题的原因。