在加载jQuery之前将脚本附加到jQuery ready方法

Question

例如，bootstrap将jQuery放在html的末尾，例如http://twitter.github.com/bootstrap/examples/starter-template.html

如果你想在加载jQuery脚本之前插入代码块，例如

，该怎么办？

<div id="test1"></div> 
<div id="test2"></div> 

<script>
   $(document).ready(function() {
     $('#test1').html('test1'); // not work, any workaround? the code must be put before..
   });
</script> 

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
   $(document).ready(function() {
     $('#test2').html('test2'); // work
   });
</script>   

测试：http://jsfiddle.net/e5HKZ/

我想要test1和amp; test2也显示了。

有什么想法吗？

Answer 1

如果你真的必须在加载jQuery本身的行之前放置jQuery代码，请将该函数分配给document.ready。

window.document.ready = function() {
    $('#test1').html('test1');
};

当加载jQuery时，它会读取变量并在DOM就绪时执行该函数。

请注意，这很可能是未记录的行为，可能无法可靠地运行或在将来的jQuery版本中运行。

演示：http://jsfiddle.net/e5HKZ/1/