jquery - jQuery 手风琴选项卡链接

Question

我正在尝试链接到我的 jQuery 手风琴中的每个选项卡，但似乎无法使其正常工作......我对 javascript 不是很好，所以想知道是否有人可以提供帮助。

标题中的代码...

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

有任何想法吗...？

谢谢...

Answer 1

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

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

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

​</p>

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

感谢任何研究它的人。

Answer 2

1. 您使用 id 而不是 class。
2. 使用 jquery 的 attr api 获取 href 值

请尝试使用

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

Answer 3

只需使用该active选项来定义以 .. 开头的选项。

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