Question

我正在使用jQuery的手风琴UI元素进行页面导航。 HTML结构是这样的：

<ul id="#accordion">
    <li><a href="tables.php">Tables</a></li>
    <li><a href="charts.php">charts</a></li>
    <li><a href="statistics.php">Statistics</a>
        <ul>
             <li><a href="year1.php">Year 1</a></li>
             <li><a href="year2.php">Year 2</a></li>
        </ul>
    </li>
</ul>

现在当我像这样打电话给手风琴时

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

它很有用......我点击统计数据，1年级和2年级链接精美地滚动出来。但是有些链接没有子元素，例如前两个（表格和图表）。当点击那里时，没有任何反应。

这是我希望点击链接（表格和图表）的用户转到相应页面的用户，以及点击统计信息（带有嵌套ul的链接）以查看嵌套ul的人。

我希望这是有道理的。

Answer 1

我认为你不应该真的使用手风琴进行导航 - 它的目的是分离页面上的信息块，而不是用于在站点的各个部分之间重定向。如果您在点击手风琴后设法重定向到另一个页面 - 当您重定向到另一个页面时，手风琴将不得不再次重置等，这实际上是不可行的。

另一件事是手风琴插件的html标记应该是这样的：

<div id="accordion">
    <h3><a href="#">Tables</a></h3>
    <div>Tables content goes here</div>
    <h3><a href="#">Charts</a></h3>
    <div>Charts content goes here</div>
</div>

直接来自jQuery docs site。

jQuery UI Accordion作为导航

1 个答案: