Javascript JQuery手风琴内容链接不';行不通

Javascript JQuery手风琴内容链接不';行不通,javascript,jquery,html,css,Javascript,Jquery,Html,Css,JQuery新手,我正在实现accordion。我在内容中存在多个超链接的问题。基本上我有一个下拉列表和一个链接列表。出于某种原因,只有第一个超链接起作用。它们都是超链接,也都是超链接,但只有第一个是可点击的。有人有什么见解吗?此人也有同样的问题,但他注释掉的代码在我的js中不存在 $(函数(){ $(“手风琴”)。手风琴( { 可折叠:true,活动:false,标题:“h3”} ); $(“.selector”).accordion({heightStyle:“fill”});

JQuery新手,我正在实现accordion。我在内容中存在多个超链接的问题。基本上我有一个下拉列表和一个链接列表。出于某种原因,只有第一个超链接起作用。它们都是超链接,也都是超链接,但只有第一个是可点击的。有人有什么见解吗?此人也有同样的问题,但他注释掉的代码在我的js中不存在


$(函数(){
$(“手风琴”)。手风琴(
{
可折叠:true,活动:false,标题:“h3”}
);      
$(“.selector”).accordion({heightStyle:“fill”});
});
 

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

我创建的JSFIDLE在chrome中工作。您使用的浏览器、jQuery版本和jQuery用户界面是什么?在Firefox中也可以使用,这就是您页面中的所有内容吗?它可能是覆盖你链接的其他元素。使用开发者工具,确保没有其他元素覆盖你的链接。谢谢大家。一个是为了让我知道我的代码实际上是有效的。AndrewK那个网站太棒了。汉娜:你说得对。我无法发布所有内容,因为这是一个到处都有元素的完整站点。上面有一个潜水艇。我将z索引设置为验证。
<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>