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

Question

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

我包含一个 core.js 文件，其中包含一个修改页面行为的 .ready 方法，但是自从更新它停止工作。我相信这是因为 Wordpress 注入了它自己的 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

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