jQuery与google.load的结合
当使用Google的jQuery方法加载时，我试图了解如何使用它。
将init代码放入setOnLoadCallback函数中非常有效，但是在标记中为事件处理程序定义函数似乎不起作用。在下面的示例中，P按钮按预期工作，但Div按钮什么也不做。
是的，在本例中，我也可以将div的onclick处理程序放在setOnLoadCallback函数中，但这是否意味着所有的 jQuery代码都必须存在？
帮助?谢谢
<p id="p">Content</p><button type="button" id="btn1">P</button>
<div id="div">Div</div><button type="button" id="btn2" onclick="btn2()">Div</button>
<script src="http://www.google.com/jsapi"></script>
<script>
function btn2() {
$("#div").toggle("slow");
}
google.load("jquery", "1.3.2");
google.setOnLoadCallback(function() {
$("#btn1").click(function () {
$("p").toggle("slow");
});
});
</script>回答 3
Stack Overflow用户
发布于 2009-12-07 16:11:36
在文档中将Google脚本调用和google.load放在<head>的顶部。当运行时，它将只输出
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"
type="text/javascript"></script> google.load在哪里。
然后将所有jQuery代码放入：
$(function() {
// all your jQuery code here
});它是$(document).ready(function(){ });的缩写
Stack Overflow用户
发布于 2009-12-07 16:10:56
JQ的关键点之一是保持低调，因此您不应该使用<element onclick="..."></element>。您应该始终使用$(selector).click()。此外，您通常希望将其合并到单个$(document).ready();中，或者在外部的脚本中进行整合。
Stack Overflow用户
发布于 2009-12-07 16:18:07
是的，如果要以这种方式加载jQuery，则需要在setOnLoadCallback中包含所有jQuery代码。在该事件触发之前，无法保证jQuery脚本已经加载，因此该函数之外的任何jQuery代码都可能无效。如果您想在事件之外定义jQuery代码，可以通过从google.load加载jQuery来实现，而不是通过google.load()动态加载。
谷歌CDN的jQuery网址如下所示：
http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js
您可以像往常一样将它作为外部脚本资源包含在文档的头上。您仍然可以从Google中获益，因为大多数浏览器都会在该位置缓存jQuery副本(假设它们已经访问了使用Google的另一个站点)。
https://stackoverflow.com/questions/1860916
复制相似问题
腾讯云开发者
