jQuery手风琴选项卡链接

我想链接到我的jQuery手风琴中的每个选项卡，但似乎无法让它工作...我不是很好的JavaScript，所以想知道是否有人可以提供帮助。jQuery手风琴选项卡链接

标题中的代码...

<script> 
    $(document).ready(function() { 
    $("#accordion").accordion({collapsible: true, header: 'h3', navigation: true}); 
    $(".accordion:first").show(); // <-- ADD IT HERE, AFTER THIS FIRST HIDE() CALL! 
    $("h3 a").click(function(event){ 
window.location.hash=this.hash; 
}); 
    }); 
    </script>

在HTML：

<li><a href="#global">Lorem ipsum</a></li>

应该打开以下标签：

<h3><a href="#global">Lorem ipsum</a></h3>

任何想法。 ..？

谢谢...

来源

2012-12-24 isabelle

请reffer http://stackoverflow.com/questions/14094766/weird-bug-where-links-dont-work-in-jquery-tabsaccordion/14096413#14096413 – SeinopSys

您使用的ID而不是类。
使用ATTR API来获取href值

请尝试使用

$("#accordion:first").show() 
    $("h3 a").click(function(event){ 
    window.location.hash=$(this).attr('href'); 
    });

来源

2012-12-24 19:15:28 insomiac

谢谢你仍然没有工作，虽然.. （document）.ready（function（）{（“＃accordion”）。accordion（{collapsible：true，header：'h3'，navigation：true}）; $（“＃accordion：first”）。show（） $（“h3”）。click（function（event）{ window.location.hash = $（this）.attr（'href'）; }） ; }）; 而我想将侧面的导航链接到中心标签... 还有更多想法......？谢谢... – isabelle

只需使用active option来定义它，开始用..

<script> 
    $(document).ready(function() { 
    $("#accordion").accordion({ 
     active:0, 
     collapsible: true, 
     header: 'h3', 
     navigation: true 
    }); 
    $("h3 a").click(function(event){ 
     window.location.hash=this.hash; 
    }); 
    }); 
</script>

来源

2012-12-24 19:19:55

谢谢，但问题是，我有一个导航的一面，但链接不打开每个选项卡...不是哪个选项卡是开放的...任何想法？ – isabelle

为任何人都有同样的问题，我已经设法从头开始修复它，并使用此代码：http://jsfiddle.net/tuando/CA8KV/1/

$("#accordion").accordion(); 

$(".section-link").click(function (e) { 
    e.preventDefault(); 
    $("#accordion").accordion("activate", $(this).parent().index()); 
});

优秀和轻量级的解决方案。

感谢任何看着它的人。

来源

2012-12-26 13:16:27 isabelle

jQuery手风琴选项卡链接

回答

相关问题