从另一页链接到特定的手风琴部分

时间:2014-11-04 13:13:02

标签: jquery accordion

我已经将jquery UI手风琴添加到我的网站,这是正常的。但是我希望其他页面链接到该手风琴中的某些部分。所以例如我需要data-cleansing.php链接到页面data.php上的手风琴的第3部分

这是jquery手风琴的基本js

<script>
  $(function() {
    $( "#accordion" ).accordion();
  });
  </script>

和html

<div id="accordion">
  <h3>Section 1</h3>
  <div>
    <p>Mauris mauris ante, blandit et, ultrices a, suscipit eget.
    Integer ut neque. Vivamus nisi metus, molestie vel, gravida in,
    condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros.
    Nam mi. Proin viverra leo ut odio.</p>
  </div>
  <h3>Section 2</h3>
  <div>
    <p>Sed non urna. Phasellus eu ligula. Vestibulum sit amet purus.
    Vivamus hendrerit, dolor aliquet laoreet, mauris turpis velit,
    faucibus interdum tellus libero ac justo.</p>
  </div>
  <h3>Section 3</h3>
  <div>
    <p>Nam enim risus, molestie et, porta ac, aliquam ac, risus.
    Quisque lobortis.Phasellus pellentesque purus in massa.</p>
    <ul>
      <li>List item one</li>
      <li>List item two</li>
      <li>List item three</li>
    </ul>
  </div>
</div>

我通过查看此处发布的问题找到了这个,但它无法正常工作,因为我正在链接到另一个页面的部分。我已尝试在相关的“开放部分”中添加网址,但未链接到该网页:

http://jsfiddle.net/VZ3T5/5/

以及How to link to specific accordion section from different page?

所以我试过了:

$( "#accordion" ).accordion(option", "active", 0);

打破了手风琴。

如果有人能说出任何消息,那就非常感激了,

谢谢 雷切

1 个答案:

答案 0 :(得分:1)

您可以使用

$(document).ready(function(){
    $( "#accordion" ).accordion("option", "active", [your data panel id here]);
});