Как динамически загружать орбиту фундамента?

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.

Мой вопрос ...

Как я могу иметь орбиту манипулировать РОМ, после загрузки документа? Или это невозможно?

Спасибо,
Сет

Answer 1

Думая об этом вы можете загрузить на орбиту с помощью JS Аякса затем начать его после того, как дом будет готов.

$(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.