jquery文档已准备就绪

时间:2010-03-29 20:09:33

标签: jquery

这就是我加载jQuery的方式:

<script src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
function OnLoad() {
   insert jQuery goodness here
};
google.load("jquery", "1");
google.setOnLoadCallback(OnLoad);
</script>

但不是函数OnLoad(){,我想使用

$(document).ready(function() {}

所以它就像每本书和文档片段中的每个例子一样。

我如何定义:$ = jQuery?

5 个答案:

答案 0 :(得分:7)

为什么不只是取消google loady位并做到这一点,就像我们古怪的酷孩子一样:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    alert("look ma I'm normal");
});
</script>

答案 1 :(得分:2)

你不应该做任何特别的事情。这是我们使用的,它只是起作用:

<script src="http://www.google.com/jsapi?key=snip" type="text/javascript"></script>
<script type="text/javascript">
    google.load("jquery", "1");
    google.load("jqueryui", "1");
</script>
<script type="text/javascript">
    $(document).ready(function() {
      //goodness
    });
</script>

请注意,jQuery脚本块位于google.load()

之后

答案 2 :(得分:1)

你加载后是否尝试过jQuery的好处?

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1.4.2");</script>
<script type="text/javascript">
    $(function(){ alert("!"); }); // same as $(document).ready(function(){});
</script> 

您似乎被迫使用其中一个jQuery versions listed here

答案 3 :(得分:1)

由于这里所有的好答案,但没有人检查!? % - ),我发布了一个jquery + google apis练习!

你可能会发现有时候很有用! ; - )

  

Google Map - Current location

<强>更新

好的,只是为了清楚,

setOnLoadCallback 没什么特别的;这只是谷歌的一种做法:

内联体+ js

<body onload="callback()">

OR clasic js

window.onload = callback;

window.onload = function(){ callback(); };

OR jquery onload

$(window).bind("load", function(){});

$(window).load( function() { /*do something onload */});

OR jquery DOM ready

$(document).ready(function(){ /*do something on dom ready */ });

$(function() { /*do something on dom ready */}); 

所有theese的工作方式与谷歌加载​​或更好的谷歌负载相同的所有theese! ; - )

注意:正如Matthew Flaschen所说, 加载方法与就绪的意义不同,第一种方法可以在加载整个页面后用于访问元素(图像和其他附加的对象)进入页面),第二个可以在DOM准备好后用于访问元素!希望现在一切都清楚了!卫生署!

所以这两种方法不一样,但在某些情况下你可以用它来制作类似的东西!

答案 4 :(得分:0)

管理setOnLoadCallback将执行OnLoad函数,为什么不这样做:

<script src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
function OnLoad() {
   insert jQuery goodness here
};
google.load("jquery", "1");

var OnLoad = $(document).ready(function() {};

google.setOnLoadCallback(OnLoad);
</script>