2010-06-29 67 views
1

我试图使用Jquery accordion来显示wordpress与wp_list_categories();函数生成的链接列表。Jquery手风琴与Wordpress

该函数返回一个列表<ul><li><a>标签。我的问题是,为了得到它this page做工精细,像第二为例,标题<a>标签,已经到了一个特殊阶层:<a class="head" href="?p=1.1.1">Guitar</a>是在手风琴的JS定义中使用:

jQuery('#navigation').accordion({ 
     active: false, 
     autoheight:false, 
     header: '.head', 
     event: 'mouseover' 
    }); 

如果没有这个类,悬停会打开子列表,但是一旦我开始将鼠标悬停在子元素上,它就会关闭手风琴。例如this page上的灰色集团。

我的问题是这样的,是否有可能在javascript中添加所需的类(.head for ex)到这个动态生成的列表中?

回答

1

这是,尤其是因为你使用jQuery。

jQuery('#navigation > li > a').addClass('head'); 

这不是美丽的,但它应该工作。在您引用的代码之前添加它。

+0

是的,工作得很好。我对jQuery相当陌生,所以我会把它写下来,因为它可以在将来有所帮助。 – kevin 2010-06-30 14:03:26

+0

但你有没有试过Alex的回答?这是更快,并避免头班,所以如果你可以去没有它... – MvanGeest 2010-06-30 14:04:24

+0

正如我写下来的,是的,我确实尝试亚历克斯的解决方案。但是有开放的问题。 – kevin 2010-06-30 18:04:01

1

而不是将标头设置为.head,您可以将它设置为#navigation > li > a,它将选择顶级<a>标签?

+0

检查文档后+1 +1:凯文:先尝试一下,如果不起作用,请使用我的答案。我的答案适用于美化标题的head类,但是一些CSS更改也应该用这个答案来做。 – MvanGeest 2010-06-29 22:56:58

+0

我首先尝试了你的解决方案Alex,但是唯一的一点是我的手风琴开始全部开放,并且css风格没有应用,但是这是secundary。无论如何,感谢所有人! – kevin 2010-06-30 14:05:10