Question

我有一支标准手风琴。它工作得非常好，打开和关闭，但点击单个链接不会带我到所需的页面，但只是打开和关闭手风琴，这是有道理的。那么如何使链接起作用呢？

<ul class="trackAccordion">
  <li><a href="citiesOverviewPage">Cities</a>                           
    <ul class="trackAccordion">
      <li><a href="denver">Denver</a>                           
         <ul class="trackAccordion">
           <li><a href="denver/classes">Classes</a></li>
           <li><a href="denver/events">Events</a></li>
           <li><a href="denver/about">About</a></li>
         </ul>
      </li>
      <li><a href="newyork">New York</a>                            
        <ul class="trackAccordion">
           <li><a href="newyork/classes">Classes</a></li>
           <li><a href="newyork/events">Events</a></li>
           <li><a href="newyork/about">About</a></li>
         </ul>
      </li>
    </ul>
  </li>
  <li><a href="about">About</a></li>
</ul>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/jquery-ui.min.js"></script>
<script type="text/javascript">
/*<![CDATA[*/
    $( document ).ready(function() {
  $("ul.trackAccordion").accordion({
    collapsible: true,
    active: false,
    heightStyle: "content"
  });
});
/*]]>*/
</script>

编辑：这是一个直接从页面剪切的jSFiddle。在我的网页上，如果我没有包含手风琴的js，链接可以工作（虽然可能是几个404因为网站没有完成）：https://jsfiddle.net/3j4r1m4o/1/

jQuery UI Accordion可以工作但阻止点击进入新页面

0 个答案: