0

リンク付きのメイン ページから Jquery Acoridon を使用してグレーボックス ポップアップ ウィンドウを呼び出している状況があり、呼び出し中にアコーディオンのデフォルトのアクティブ パネルを設定できるかどうかを知りたいです。

ここにサンプルがあります：

私のメインページでは、これは HTML です:

<a href="example.php" id="1" onclick="return parent.GB_showCenter('Example.', this.href, 400, 600)" target="_blank">
Panel 1
</a>

<a href="example.php" id="2" onclick="return parent.GB_showCenter('Example.', this.href, 400, 600)" target="_blank">
Panel 2
</a>

<a href="example.php" id="3" onclick="return parent.GB_showCenter('Example.', this.href, 400, 600)" target="_blank">
Panel 3
</a>

example.php の Javascript は次のとおりです。

$(function() {
  $( "#acordion" ).accordion({ active: 0, collapsible: true, autoHeight: false });

これは example.php の html 部分です

<div id="acordion">
  <h3><a href="#">Panel 0</a></h3>
  <div>Do something @ Panel 1</div>

  <h3><a href="#">Panel 1</a></h3>
  <div>Do something @ Panel 2</div>

  <h3><a href="#">Panel 2</a></h3>
  <div>Do something @ Panel 3</div>

</div>

パネル 0 をデフォルトのアクティブ パネルとして設定すると、そのページを開くたびにパネル 0 がアクティブ パネルとして開きます。リンク2またはリンク3で開くときに、パネル1またはパネル2をアクティブなパネルとして設定したいだけです。

4

1 に答える 1

0

たとえば、URL のハッシュ部分で、デフォルトのパネル値をページに渡す必要があります。

<a href="example.php#1" id="1" onclick="return parent.GB_showCenter('Example.', this.href, 400, 600)" target="_blank">
Panel 1
</a>

次に、 javascript: でそれを読み取りdocument.location.hash、アコーディオンのデフォルト値として使用します。

$(function() {
   var hash = document.location.hash;
   $( "#acordion" ).accordion({ active: hash, collapsible: true, autoHeight: false });
});
于 2012-09-08T05:53:19.807 に答える