2

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>

何か案は...?

ありがとう...

4

3 に答える 3

1

同じ問題を抱えている人のために、コードをゼロから始めてこれを使用して修正することができました:http://jsfiddle.net/tuando/CA8KV/1/

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

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

</p>

優れた軽量ソリューション。

調べてくれた人ありがとう。

于 2012-12-26T13:16:27.700 に答える
0

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>
于 2012-12-24T19:19:55.127 に答える
0
  1. クラスの代わりに id を使用しました。
  2. jquery の attr API を使用して href 値を取得する

使ってみてください

  $("#accordion:first").show()
  $("h3 a").click(function(event){
     window.location.hash=$(this).attr('href');
  });
于 2012-12-24T19:15:28.150 に答える