yepnope/modernizer.load()를 사용하여 DOM 삽입을 감지 할 수 있습니까?

Question

Windows 양식 응용 프로그램에는 modernizr을로드 한 후 참조되는 Master.js 파일이 있습니다.

내 modernizer.load 테스트는 masterpage.js의 하단에있는 $ (document) .ready 함수로 선언하고 있으며 필요한 테스트를 기반으로 내 js 파일을로드하는 기능을 제공합니다.

즉 난이 시험하고자하지만

$(document).ready(function() { 
     Modernizr.addTest('mytest', $('section #myid').length > 0);  
     Modernizr.load({ 
      test: Modernizr.mytest, 
      yep: ["custom1.js", 
       "customjs2.js"], 
      complete: { 
       //do stuff 
       } 
      } 
     }); 
    }); 

은 document.ready에 잠재적이 후 발생할 수있는 DOM 삽입 지점에서 모두 수행된다. Modernizr 또는 jQuery에서 가능합니까?

내 목표는 리소스를 테스트에로드해야하는 DOM 요소를 삽입 할 수있는 잠재적 인 미래 포인트 이후에 테스트를 다시 선언하는 대신 모든 modernizr 테스트를 내 masterpage.js에 선언하는 것입니다.

Answer 1

먼저 Modernizr.addTest()은 실제로 필요하지 않습니다 (래치되어 바람직하지 않은 동작이 발생할 수 있음). 당신은 간단하게 할 수 있습니다 :

Modernizr.load({ 
    test: $('section #myid').length > 0, 
    ... 
}); 

DOM을 모니터하는 방법에 따라 아마 건너 뛸 수 있습니다.

$('section #myid').livequery(function() { 
    // This will run whenever a new element matches the selector: either now 
    // (if the element already exists), or when it's inserted into the DOM later 
    Modernizr.load({ 
     // no test needed - just use it as an async loader 
     load: ['custom1.js', 'custom2.js'], 
     complete: function() { 
      // do stuff 
     } 
    }); 

    // Presumably you only want the above to run once, so remove the Livequery 
    // handler now (`arguments.callee` is the current function, i.e. the event 
    // handler) 
    $('section #myid').expire(arguments.callee); 
});