Ist es möglich, AJAX geladen Inhalte mit ZURB foundation tabs?

Basiert auf dem Google docs (http://foundation.zurb.com/docs/ui.php#nice2), wie es scheint, Sie haben den vollständigen Inhalt der Seite bereit, und gehen vorher. Ist es möglich, zu laden über AJAX statt pre-loading für diese tabs?

InformationsquelleAutor Shamoon | 2012-06-13
  1. 2

    Sollten Sie in der Lage sein, um das laden von Inhalten via ajax. Ich war in der Lage, zum hinzufügen von Registerkarten zur Laufzeit mithilfe von jQuery appendTo () - Methode und der neu hinzugefügten tabs & content funktioniert gut.

    • Hier ist eine Lösung, die ich für Foundation 5
    InformationsquelleAutor Ed Charbeneau
  2. 2

    Lade ich den Inhalt in ein div-revealLayer und dann habe ich anfügen an die revel-modal-div und arbeiten gut für mich. Der code ist wie folgt

    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;
    });
});
    InformationsquelleAutor Alessandro
Schreibe einen Kommentar