3

ドキュメント ( http://foundation.zurb.com/docs/ui.php#nice2 ) に基づくと、事前に完全なページ コンテンツを準備して実行する必要があるようです。これらのタブをプリロードする代わりに、AJAX 経由でロードすることは可能ですか?

4

2 に答える 2

2

ajax 経由でコンテンツをロードできるはずです。jQuery の appendTo() メソッドを使用して実行時にタブを追加することができ、新しく追加されたタブとコンテンツは正常に機能しました。

于 2012-06-14T14:01:07.280 に答える
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>

ジャバスクリプト

$(document).ready(function() {
    $("#buttonForModal").click(function() {
        $( '#revealLayer' ).empty();
        $( '#revealLayer' ).load( 'url-to-load' );
        $( '#revealLayer' ).appendTo( '#revealModal' );
        $( '#revealModal' ).reveal();
        return false;
    });
});
于 2013-01-22T21:35:58.500 に答える