缺少wordpress jquery :在属性id之后

Question

我正在试着用jQuery和Wordpress一起做一个简单的accorion菜单。

<script type="text/javascript" language="javascript">

var $j = jQuery.noConflict();


$j("#leftmenupane p.leftmenu_head").click(function(
{
    $j(this).css({'background-image' : 'url(down.png)'}).next("div.leftmenu_body").slideToggle(300).siblings("div.leftmenu_body").slideUp("slow");
    $j(this).siblings().css({'background-image' : 'url(left.png)'});
});

</script>

<div id="leftmenupane" class="leftmenu_list">
  <p class="leftmenu_head">Header-1</p>
    <div class="leftmenu_body">
        <a href="#">Link-1</a>
        <a href="#">Link-2</a>
        <a href="#">Link-3</a>
        <a href="#">Link-4</a>
    </div>
  <p class="leftmenu_head">Header-2</p>
    <div class="leftmenu_body">
        <a href="#">Link-1</a>
        <a href="#">Link-2</a>
        <a href="#">Link-3</a>
    </div>
  <p class="leftmenu_head">Header-3</p>
    <div class="leftmenu_body">
        <a href="#">Link-1</a>
   </div>
</div>

它实际上是一个样例形式的教程。但是我不能让它工作。我感觉到这里有一些愚蠢的错误，但我无法找到它。我在Firebug的"$j(this).css({'background-image‘：’url(down....“)行上得到的是一个”missing: after property id“错误。

请帮帮忙。

Answer 1

尝试将冒号改为逗号&去掉您的旋转括号，如下所示：

$j(this).css('background-image', 'url(down.png)');
$j(this).siblings().css('background-image', 'url(left.png)');

Answer 2

出于好奇，尝试将$j = jQuery.noConflict();更改为j = jQuery.noConflict();

我想知道定义$j是否几乎否定了无冲突之类的东西。试一试吧。

Answer 3

我将代码更改为：

var $j = jQuery.noConflict();

$j(function() {

 $j("#leftmenupane p.leftmenu_head").click(function()
 {
  $j(this).css('background-image' , 'url(down.png)').next("div.leftmenu_body").slideToggle(300).siblings("div.leftmenu_body").slideUp("slow");
  $j(this).siblings().css( 'background-image' , 'url(left.png)');
 });

});

现在它工作正常。无论如何，感谢你们，因为你们把我推向了正确的方向:)