jQuery手风琴链接问题

时间:2010-04-03 18:41:52

标签: jquery css hyperlink accordion href

轻微的问题,我一直在为一个新闻小组的多手风琴工作。 一切都很好,但最近出现了一个问题。 在标题下方,我有关于何时发布标题+文章以及何时发布以及是否有任何评论的信息。

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

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

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

2 个答案:

答案 0 :(得分:2)

现在你有一个A标签作为你的触发器

<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)给手风琴初始化一个新的标题(点击器) - 在你的情况下它将是div.ui-accordion-link

2)然后使用stopPropagation来阻止A-tags触发手风琴动作。

如果你不明白让我知道,我可以尝试更好地解释它。

答案 1 :(得分:0)

尝试将父容器元素设置为<a>之外的其他内容(例如<span><div>),然后您可以在其中插入不会干扰手风琴的链接标记

因为当前<a>是一个jquery选择器,所以它不需要是一个链接。您可能需要稍微调整jquery,以防它调用<a>标记而不仅仅是一个类。