JQuery UI 使我的链接不可点击

Question

我刚刚将 JQuery UI“accordion”控件导入到我的元素中。然后我尝试通过在图像周围添加链接来修改 Accordion 的标题:

<div id="accordion">
  <h3><img src="icon.ico" class="favIcn" />
  <span class="hdrPageTitle" title="Some user prompt">Section 2</span>
  <a class="hdrLink" href="http://example.com/" target="_blank"></a></h3>

它的 CSS 在哪里:

.hdrLink{
    float: right;
    display: inline-block;
    margin-top: 5px;
    background-image:url(link_icn.png);
    width: 14px;
    height: 7px;
}

但我遇到的问题是我的链接不起作用。当我单击它时，它只是关闭或打开 Accordion 选项卡。

如何让它可点击？

附言。这是 JSFiddle显示问题。我猜不需要 CSS。只是一个简单的 <a>链接似乎也不起作用。

Answer 1

你可以这样尝试:

JS:

$(".hdrLink").click(function(e){e.stopPropagation();});