JQuery Accordion 内容链接不起作用答案

【问题标题】：JQuery Accordion content links don't workJQuery Accordion 内容链接不起作用
【发布时间】：2016-04-30 02:53:13
【问题描述】：

JQuery 新手，我正在实现手风琴。我在内容中有多个超链接时遇到问题。基本上我有一个下拉列表和一个链接列表。由于某种原因，只有第一个超链接有效。它们都是超链接，并且是这样出现的，但只有第一个是可点击的。有人有一些见识吗？这个人有同样的问题，但他注释掉的代码在我的 js 中不存在。 Weird bug where links don't work in jquery 'tabs+accordion'

<script>
$(function() {
    $( "#accordion" ).accordion(
    {
        collapsible: true, active:false, header:"h3"}
    );      
    $( ".selector" ).accordion({ heightStyle: "fill" });
});

</script>

<div id ="accordion">   
        <h3> &nbsp </h3>
         <ul class="ui-accordion-container">
            <li><a class="accordion-label" href="#">this is a test blah blah blah</a></li>
            <li><a class="accordion-label" href="#">this is a test blah blah blah</a></li>
            <li><a class="accordion-label" href="#">this is a test blah blah blah</a></li>
        </ul>       
</div>

【问题讨论】：

我在 chrome jsfiddle.net/GnHBT 中创建的一个 JsFiddle 作品。你用的是什么浏览器，jQuery 和 jQuery UI 的版本？
也在 Firefox 中工作过 jsfiddle.net/RTUmD
这就是您页面中的所有内容吗？它可能是覆盖您的链接的其他元素。使用开发人员工具并确保没有其他元素覆盖您的链接。
谢谢大家。一个用于向我展示我的代码实际上是有效的。 AndrewK 那个网站很棒。汉莱特你是对的。我无法发布所有内容，因为它是一个到处都是元素的完整网站。上面有一个 div。我设置 z-index 进行验证。

标签： javascript jquery html css

【解决方案1】：

对我来说，包含 div 的样式为 ::before，它显示在我的链接顶部，这就是为什么没有可点击的原因。删除该样式就可以了。

【讨论】：