JQuery UI使我的链接不可点击

Question

我刚刚导入了JQuery UI＆＃34; accordion＆＃34;控制我的项目。然后，我尝试通过在图像周围添加链接来修改手风琴的标题：

<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;
}

但我遇到的问题是我的链接无法正常工作。单击它时，它只会关闭或打开手风琴选项卡。

如何点击它？

PS。在这里JSFiddle来说明问题。我想那里不需要CSS。只是一个简单的<a>链接似乎也无效。

Answer 1

您可以尝试这样：

<强> JS：

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

Answer 2

您的J-Query似乎阻止了点击，因为当您点击<a>同时点击accordion div时，我认为它return false或prevent default所以您需要修改现有脚本或处理<a>元素点击事件以使其正常工作。

这是小提示帮助你http://jsbin.com/pecatahaseho/1/

修改

您也可以使用

$("#accordion a").click(function(e){
    e.stopPropagation();

})

Answer 3

尝试使用z-index属性，并在css类中使用！important设置更高的值。 像z-index：9999！important; （如果是由于重叠，那么问题将仅由此解决）

如果不起作用，请尝试删除＆＃34; return＆＃34;来自你的jQuery的声明..如果你使用的是return语句，那么它将取消click事件的效果。