jquery - 在 Wordpress 的 html 标头中实现时 jquery 无法正常工作

Question

我正在尝试在 wordpress 安装的页面中使用 jquery，但似乎没有任何效果。它是通过 php 行调用的（如果我做对了）：

wp_enqueue_script('jquery');

我假设一些 jquery 脚本正在工作（这些脚本与我正在使用的主题一起使用），但由于某种原因，我想添加的任何其他脚本都不会起作用。我尝试在我的索引页面的标题或 js 文件中实现它/它们，但这些方法似乎都不起作用。这是链接：http ://selectedworx.com

感谢您提供有关如何使其工作的任何提示……这让我发疯了：/

Answer 1

演示： http: //jsfiddle.net/7uAUg/ 您的代码似乎工作正常，$ 运算符可能被分配了不同的含义。这可能发生在您页面中发生的 40 多个包含之一中。

Uncaught TypeError: Property '$' of object [object Object] is not a function 

是您遇到的唯一例外，而不是

<script type="text/javascript">
$(document).ready(function(){                          
     $("div").css("border", "3px solid red");
});
</script>

利用

<script type="text/javascript">
$(document).ready(function(){                          
     jQuery("div").css("border", "3px solid red");
});
</script>

正如@wirey所说

Answer 2

尝试<?php wp_head();?>在您的页眉和页脚内<?php wp_footer();?>添加还为您的 Jquery 添加无冲突模式：

jQuery(document).ready(function($){

    alert('This is a alert!!');
    //So now you can call your functions with $ !
            $('.someclass').hide();//for example    
    });