Jquery 手风琴 & WordPress

发布于 2024-09-07 09:09:06 字数 1014 浏览 7 评论 0原文

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

此函数返回

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

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

我的问题是这样的,是否可以使用 javascript 将所需的类(例如 .head )附加到这个动态生成的列表中?

am trying to use the Jquery accordion to show a list of links generated by wordpress with the wp_list_categories(); function.

This function returns a list of <ul> <li> <a> tags. My problem is that in order to get it working fine, like the second exemple on this page, the heading <a> tags, have to get a special class: <a class="head" href="?p=1.1.1">Guitar</a> that is used in the js definition of the accordion:

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

Without this class, the hover opens the sub list, but as soon as i get down to hover on of the child elements, it closes the accordion. The exemple is the grey bloc on this page.

My question goes like this, is it possible to append with javascript the required class (.head for ex) to this dynamically generated list ?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

赤濁 2024-09-14 09:09:06

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

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

它并不漂亮,但应该有用。将其添加到您引用的代码之前。

It is, especially since you're using jQuery.

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

It's not beautiful, but it should work. Add it in before the code you quoted.

温馨耳语 2024-09-14 09:09:06

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

Instead of setting header to .head, could you set it to #navigation > li > a, which would select the top level <a> tags?

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文