是否可以使用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; 
    }); 
});