jQuery Accordion 链接问题

标签 jquery css hyperlink accordion href

小问题,我一直在为新闻面板使用多 Accordion 。 一切正常,但最近出现了一个问题。 在标题下方,我有关于标题+文章发布时间和时间的信息,以及是否有任何评论。

我打算把作者和评论数做成链接。作者链接很可能会将他们带到他们的联系页面或电子邮件,评论数量链接只会将其直接扩展到“查看评论”,用户也可以通过展开文章然后展开评论来访问它。基本上是一条捷径。

现在,问题是我必须将这个“发布者...”信息放在允许​​用户将标题扩展到文章中的类中。但是,如果我这样做,它会破坏该标题的整个 Accordion 字段,因为原始 A 链接中有多个 A HREF 链接。我真的不知道如何解决这个问题,如果有人有提示或解决方案,我将不胜感激,谢谢。

您可以在此处查看演示: http://www.notedls.com/demo

最佳答案

现在你有一个 A-tag 作为你的触发器

<a class="ui-accordion-link acc1">

你能把它改成 DIV 或 H1 吗?

<div class="ui-accordion-link acc1">

将 A 标签和 H1 放在 A 标签内无论如何都是不正确的。

更新

抱歉,没有时间写冗长的解释,但试试这样的东西

   $("#accordion").accordion({header:'h3'});    
   $('#accordion a').click(function(e){ e.stopPropagation(); });

这是对以下示例的改编:http://docs.jquery.com/UI/Accordion

1) 给 Accordion 初始化一个新的标题(clicker)——在你的例子中,它将是 div.ui-accordion-link

2) 然后使用 stopPropagation 来阻止 A-tags 触发 accordion Action 。

如果您不明白,请告诉我,我会尽力解释得更好。

关于jQuery Accordion 链接问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2572261/

相关文章:

javascript - kendo UI 网格更新功能不会触发

javascript - 单击时水平播放幻灯片动画

javascript - CSS Transition 在增加高度时不更新背景颜色

.net - 在 RichTextBox 中隐藏超链接 URL(Windows 窗体)

jquery - 滚动条在整个页面滚动时停留在顶部

silverlight - WP7/Silverlight 超链接图片

javascript - 这段代码有什么问题?我试图将每个部分的高度更改为窗口的高度

javascript - 具有特定父输入的加号减号按钮不起作用

html - 类似谷歌的全宽粘性页脚

python - 开始玩 selenium,通过 css 方法获取问题