如何動態加載基礎軌道？

Question

在我的JavaScript中，如果窗口是特定寬度，則將data-orbit屬性添加到預期的滑塊。 這會在$(window).resize()和$(function(){})上觸發。

精簡版...

   var ui = {
        mobile : function() {
            var i = 0;
            if($(window).width() <= 568) {
                this.resizeOffers();
            } else {
                this.mobileClear();
            }
        },
        resizeOffers : function() {
                $('#offers .inner').attr('data-orbit', "");

        },
        mobileClear : function() {
                $('#offers .inner').removeAttr('data-orbit');

        }
    }

如果您在窗口寬度落入條件的情況下加載頁面，則一切工作都很好。 如果您以正常的窗口寬度加載頁面，然后調整為媒體查詢的大小，顯然dom不會加載dom，因此不會有滑塊動畫或動態添加的dom dom元素。

我的問題是

文件加載后，如何讓軌道操縱dom？ 還是不可能？

謝謝，
賽斯

Answer 1

考慮到這一點，您可以使用ajax加載orth js，然后在dom准備好后啟動它。

 $(document).ready(function(){

   //load the orbit JS
   $.ajax({
     url: 'js/foundation/foundation.orbit.js',
     dataType: 'script',
     success: function(){
       //initiate orbit
       console.log('loaded');
       $(document).foundation('orbit');
     },
     async: false
   });

});

Answer 2

在加載了軌道的情況下發現了問題，然后運行... $(document).foundation('orbit'); 在我的js媒體查詢中，與上述操作相同，沒有任何http請求。