是否可以使用ZURB基础选项卡加载AJAX内容？

Question

根据文档（http://foundation.zurb.com/docs/ui.php#nice2），您似乎必须事先准备好整页内容。是否可以通过AJAX加载而不是为这些选项卡预加载？

Answer 1

您应该可以通过ajax加载内容。我能够在运行时使用jQuery的appendTo（）方法和新添加的选项卡＆amp;添加标签。内容工作正常。

Answer 2

我在div revealLayer中加载内容，然后我附加到devel模态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;
    });
});