是否可以使用ZURB基礎選項卡來加載AJAX內容？

Question

根據文檔（http://foundation.zurb.com/docs/ui.php#nice2），您似乎必須預先準備好完整的網頁內容。是否可以通過AJAX加載而不是預加載這些標籤？

Answer 1

您應該可以通過ajax加載內容。我可以在運行時使用jQuery的appendTo（）方法添加選項卡，並且新添加的選項卡&內容可以正常工作。

Answer 2

我將內容加載到div revealLayer中，然後追加到revel模態div並對我工作正常。該代碼是這樣

HTML

<div id="revealLayer"></div> 
<div id="revealModal" class="reveal-modal"> 
    <a class="close-reveal-modal">&#215;</a> 
</div> 
<a href="#" class="button" id="buttonForModal">Click Me For A Modal</a> 

JAVASCRIPT

$(document).ready(function() { 
    $("#buttonForModal").click(function() { 
     $('#revealLayer').empty(); 
     $('#revealLayer').load('url-to-load'); 
     $('#revealLayer').appendTo('#revealModal'); 
     $('#revealModal').reveal(); 
     return false; 
    }); 
});