Javascript$(函数()不适用于WordPress

Javascript$(函数()不适用于WordPress,javascript,jquery,wordpress,Javascript,Jquery,Wordpress,好的,我正在为我的wordpress网站在header.php文件中添加以下jquery: <script type="text/javascript"> $(function() { $( '#co-slider' ).circleslider() }); </script> $(函数(){ $(“#共滑块”).circleslider() }); 这是直接从我下载的html源文件中复制而来

好的,我正在为我的wordpress网站在header.php文件中添加以下jquery:

<script type="text/javascript">
    $(function() {

        $( '#co-slider' ).circleslider()


        });     
    </script>

$(函数(){
$(“#共滑块”).circleslider()
});     
这是直接从我下载的html源文件中复制而来的,我花了3个小时试图对这个问题得出结论,但是说到wordpress,我是个书呆子。到目前为止,我所能收集到的是,这可能是因为无冲突模式。我试着在这里阅读无冲突以及下面的说明我认为这与另一个问题相关,这里是链接。我也不认为这是问题所在,但这是我引用javascript的方式

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/staff_new/js/jquery.circleslider.js"></script><script type="text/javascript" src="<?php bloginfo('template_url'); ?>/staff_new/js/jquery.circleslider.js"></script>

这是因为默认情况下,wordpress将jQuery加载到
jQuery
命名空间,而不是
$
。因此,您可以将
$
改为
jQuery
,或者,执行我通常所做的操作,即在jQuery代码之前引用jQuery:


var$=jQuery;

您可以使一切正常工作

    jQuery(function($) {
    $( '#co-slider' ).circleslider()
    }); 
在WordPress中,其他脚本库总是使用$()语法, 并导致冲突问题,无法调用jQuery函数。 您应该改为使用jQuery()


或者,您可以使用
noConflict()

我直接从下载的文件中复制并粘贴了可能的副本,如果这是问题,为什么在尝试实现到header之前在本地运行文件时它会起作用。phpRab,首先感谢您的回复,我尝试了您建议的一切,但仍然没有成功。或者,我访问了您发布的链接并我也尝试过这些建议。还是没有运气。你介意更深入地看一下吗?这是指向我正在尝试使用的页面的链接,还有指向我正在尝试完成的演示的链接。它位于页面底部,就在评论之前。图片背景中有日期为2/7/12。确定这样做
window.onload=function(){//您的代码}
好的,我想现在它可以工作了,有人指出图书馆没有定义,所以它没有加载,所以他们建议将它移到页脚。我有,现在我想我只是有一个css问题,但效果现在确实在移动。谢谢你的帮助。@RabNawaz我不能和kennypu一起检查你的答案,但是在我把它放到页脚之后我仍然需要用jQuery替换$。再次感谢你的帮助。干杯!kennypu,我试过了,还有Rab在下面所说的,仍然不走运…他还发布了一个有一些建议的链接,尝试了这些,得到了相同的结果。你介意看一下我上次给他的评论,再进一步看一看,我将链接发布到了p我正在进行演示。你也可以在那里下载演示的源文件。它在浏览器中告诉你:
jQuery没有定义
,这意味着当你执行代码时,jQuery还没有定义;换句话说,你试图在加载jQuery之前加载代码。把你的代码放在页脚中,它就会显示出来uld工作。好的,我现在有点让它工作,移动到页脚,现在我想我只是有一个css问题,但效果现在确实在移动。谢谢你的帮助。