如何动态加载基础轨道？

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请求。