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

优秀轻巧的解决方案。

感谢任何研究过它的人。

Answer 2

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

请尝试使用

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

Answer 3

只需使用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>

jQuery手风琴标签链接

3 个答案: