【问题标题】:Jquery Accordion & WordpressJquery 手风琴和 Wordpress
【发布时间】:2010-06-29 22:44:08
【问题描述】:

我正在尝试使用 Jquery accordion 显示由 wordpress 使用 wp_list_categories(); 函数生成的链接列表。

这个函数返回一个<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)附加到这个动态生成的列表中?

【问题讨论】:

    标签: jquery wordpress accordion


    【解决方案1】:

    确实如此,尤其是因为您使用的是 jQuery。

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

    它不漂亮,但它应该可以工作。在您引用的代码之前添加它。

    【讨论】:

    • 是的,效果很好。我对 jQuery 很陌生,所以我会写下来,因为它可能对将来有帮助。
    • 但是你试过亚历克斯的回答吗?它更快,并且完全避免了 head 类,所以如果你可以不用它......
    • 正如我所写,是的,我确实先尝试了 Alex 的解决方案。但是打开有问题。
    【解决方案2】:

    除了将标头设置为.head,您可以将其设置为#navigation > li > a,这将选择顶级<a>标签吗?

    【讨论】:

    • +1 在检查文档后@Kevin:先试试这个,如果它不起作用,请使用我的答案。我的答案确实应用了美化标题的head 类,但是一些 CSS 更改也应该使用这个答案。
    • 我首先尝试了您的解决方案 Alex,正在工作,但唯一的问题是我的手风琴开始全部打开并且没有应用 css 样式,但这是次要的。非常感谢大家!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-06-13
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多