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