jquery - 打开 jQuery Accordion 的链接

Question

我正在尝试从外部链接打开 Accordion div。我看到“navigation: true”选项，但我不确定如何实现它。你给每个div一个id并像这样调用链接吗？ http://domain.com/link#anchorid

我是 jQuery 新手，请耐心等待。如果有帮助的话，这是我正在使用的代码。

<script type="text/javascript">
    $(function(){
        $("#accordion").accordion({ header: "h2", autoHeight: false, animated: false, navigation: true });
         });
    </script>
<div id="accordion">

<div>
    <h2><a href="#">Services</a></h2>
    <div class="services">
    <p>More information about all of these services</p>
    </div>
</div>

Answer 1

导航选项不适用于面板激活。这是为了告诉用户他们在哪里。

使用简化的 html 代码:

<div id="accordion">

    <div>
        <h2><a href="#services">Services</a></h2>
        <p>More information about all of these services</p>
    </div>

    <div>
        <h2><a href="#about">About</a></h2>
        <p>About us</p>
    </div>

</div>

您将唯一 ID 放在标题的超链接中

然后是 jQuery(简化版):

<script type="text/javascript">
    $(function(){
        $("#accordion").accordion({ header: "h2", navigation: true });
     });
</script>

“navigation : true”将使您能够访问 www.site.com/#about，从而选择“about”面板。对于激活，有几种方法。也许一种方法是获取查询字符串并将其放入 jQuery 中。

使用 C#

$("#accordion").accordion("activate", '<%= Request.QueryString["id"] %>');

使用 PHP

$("#accordion").accordion("activate", '<?php echo $_GET['id']; ?>');

这将允许您指定通过 www.site.com?id=2 打开哪个面板