在Zurb Foundation 5手風琴中創建一個鏈接

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; 
}); 

的一個骯髒的方式做到這一點種類。但是，除非別人想出建議的方式，否則這是一個繃帶。