我可以使用yepnope/modernizer.load（）

Question

检测DOM插入在windows窗体应用程序中，我们有一个Master.js文件，它在加载modernizr后被引用。

我在masterpage.js底部的$（document）.ready函数中声明了我的modernizer.load测试，它根据我需要的测试来加载我的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可能吗？

我的目标是在我的masterpage.js中声明所有的modernizr测试，而不是在潜在的未来点之后重新声明测试，当我可以插入需要资源加载到测试中的DOM元素时。

Answer 1

首先，Modernizr.addTest()是不是真的需要在你的情况下（它会闩锁，可能会导致不良行为）。你可以简单地做：

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

虽然你完全可以跳过这一点，这取决于你如何监视DOM。 Livequery，给这个：

$('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); 
});