这就是我加载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?
答案 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练习!
你可能会发现有时候很有用! ; - )
<强>更新强>
好的,只是为了清楚,
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>