기초 궤도를 동적으로로드하는 방법?

Question

내 자바 스크립트에서 창이 특정 너비 인 경우 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을가 준비되면 당신이 아약스를 사용하여 JS 궤도를로드 할 수 이것에 대해 생각

감사합니다,
세스

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'); 는 HTTP 요청하지 않고, 상기와 동일했다.