在Zurb Foundation 5 accordion中创建一个链接面板

Question

我想做的是有一个手风琴，手风琴的顶部面板是一个链接到另一个页面，其余的手风琴功能正常。我已经尝试了一些javascript来停止手风琴事件，但这似乎不起作用。指针吗?

Answer 1

是的，看起来首先你需要删除内部内容，这样它就不会扩展。之后，我将在a标记中添加一个类，并在页面上编写一些脚本来识别该类并重定向url。如下所示:

<ul class="accordion" data-accordion>
  <li class="accordion-navigation">
    <a class="redirect-me" href="http://www.google.com">Accordion 1</a>
  </li>
  <li class="accordion-navigation">
    <a href="#panel2a">Accordion 2</a>
    <div id="panel2a" class="content">
      Panel 2. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
    </div>
  </li>
  <li class="accordion-navigation">
    <a href="#panel3a">Accordion 3</a>
    <div id="panel3a" class="content">
      Panel 3. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
    </div>
  </li>
</ul>

脚本将看起来像jQuery:

$(".redirect-me").bind("click",function(){
    theUrl = $(this).attr("href");
    window.location = theUrl;
});

这是一种肮脏的方式。但在你能按照别人的建议去做之前，这只是一个创可贴。