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

Question

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

Answer 1

您应该能够通过 ajax 加载内容。我能够在运行时使用 jQuery 的 appendTo() 方法添加选项卡，并且新添加的选项卡和内容运行良好。

Answer 2

我将内容加载到 divrevealLayer 中，然后附加到 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;
    });
});