blocks|key|1409895|text|你几乎必须这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1409896|google.setOnLoadCallback(function()+{
++$(function()+{
++++//+init+my+stuff
++});
});|code-block|syntax|javascript|1409897|如果没有$+(+jQuery对象)可用，就不能执行$(document).ready()，因此需要在回调中进行。而且您不能确保文档在回调中准备就绪，因此您还必须执行ready()。|offset|length|style|CODE|1409898|entityMap^0|0|0|4|1|P|J|2A|7|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]|$I|T|J|U|K|L]|$I|V|J|W|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|X|8|@]|9|@]|A|$]]]|N|$]]

<p>You pretty much have to do this:</p>

<pre><code>google.setOnLoadCallback(function() {
  $(function() {
    // init my stuff
  });
});
</code></pre>

<p>You can't do <code>$(document).ready()</code> without <code>$</code> (the jQuery object) being available, so that needs to go inside the callback.  And you can't be sure the document is ready inside the callback, so you have to do <code>ready()</code> too.</p>


blocks|key|1624608|text|如果您的JavaScript代码驻留在它自己的js文件中，而不在文档中，您也可以在文档中这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1624609|<script>
++++++++google.load("jquery",+"1.7.0");
++++++++google.load("jqueryui",+"1.8.16");
++++++++google.setOnLoadCallback(function()+{
+++++++++++++var+script+=+document.createElement("script");
+++++++++++++script.setAttribute("type",+"text/javascript");
+++++++++++++script.setAttribute("src",+"my.js");
+++++++++++++document.getElementsByTagName("html")[0].appendChild(script);
++++++++});
</script>|code-block|syntax|javascript|1624610|这将在从谷歌加载所有其他内容后加载my.js。然后，您可以在my.js文件中执行$(document).ready(...)。因此，您的应用程序代码独立于“由google加载”或“直接从您的服务器加载”。|offset|length|style|CODE|1624611|entityMap^0|0|0|H|5|U|5|14|M|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]|$I|T|J|U|K|L]|$I|V|J|W|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|X|8|@]|9|@]|A|$]]]|N|$]]

<p>If your JavaScript code resides in its own js file and not inside the HTML document you could also do this in the document:</p>

<pre><code>&lt;script&gt;
        google.load("jquery", "1.7.0");
        google.load("jqueryui", "1.8.16");
        google.setOnLoadCallback(function() {
             var script = document.createElement("script");
             script.setAttribute("type", "text/javascript");
             script.setAttribute("src", "my.js");
             document.getElementsByTagName("html")[0].appendChild(script);
        });
&lt;/script&gt;
</code></pre>

<p>This loads <code>my.js</code> after all other stuff is loaded from google. In your <code>my.js</code> file you can then do <code>$(document).ready(...)</code>. So your application code is independent from "loaded by google" or "loaded directly from your server".</p>


blocks|key|1409995|text|很抱歉重提这个问题，但1)它仍然是这个问题的“答案”，2)我找到了一个更好的解决方案。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1409996|在google.load函数上有一个可选的第三个参数，它接受一个配置选项的对象。其中一个选项是callback。它还消除了对单独setOnLoadCallback调用的需要。|offset|length|style|CODE|1409997|例如。|1409998|google.load('visualization',+'1.0',+{
++++'packages':+"charttype",+
++++'callback':+$jQ.proxy(me.setupChart,+me)
});|code-block|syntax|javascript|1409999|所以：|1410000|<script+src="https://www.google.com/jsapi"></script>
<script>
$(document).ready(function+()+{
++++function+mapsLoaded()+{
++++++++etc+etc+etc
++++}

++++google.load("maps",+"2",+{"callback"+:+mapsLoaded});
});
</script>|1410001|请参阅：https://developers.google.com/loader/#Dynamic|1410002|entityMap|0|LINK|mutability|MUTABLE|url|https://developers.google.com/loader/#Dynamic^0|0|1|B|1B|8|1S|H|0|0|0|0|0|4|19|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|13|8|@$D|14|E|15|F|G]|$D|16|E|17|F|G]|$D|18|E|19|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|1A|8|@]|9|@]|A|$]]|$1|J|3|K|5|L|7|1B|8|@]|9|@]|A|$M|N]]|$1|O|3|P|5|6|7|1C|8|@]|9|@]|A|$]]|$1|Q|3|R|5|L|7|1D|8|@]|9|@]|A|$M|N]]|$1|S|3|T|5|6|7|1E|8|@]|9|@$D|1F|E|1G|1|1H]]|A|$]]|$1|U|3|-4|5|6|7|1I|8|@]|9|@]|A|$]]]|V|$W|$5|X|Y|Z|A|$10|11]]]]

<p>Sorry to be raising this from the dead, but 1) It still comes up as an 'answer' to this problem and 2) I've found a better solution.</p>

<p>There is an optional 3rd argument on the <code>google.load</code> function that takes an object of configuration options. One of the options is <code>callback</code>.  It also gets rid of the need for a separate <code>setOnLoadCallback</code> call.</p>

<p>E.g.   </p>

<pre><code>google.load('visualization', '1.0', {
    'packages': "charttype", 
    'callback': $jQ.proxy(me.setupChart, me)
});
</code></pre>

<p>So:</p>

<pre><code>&lt;script src="https://www.google.com/jsapi"&gt;&lt;/script&gt;
&lt;script&gt;
$(document).ready(function () {
    function mapsLoaded() {
        etc etc etc
    }

    google.load("maps", "2", {"callback" : mapsLoaded});
});
&lt;/script&gt;
</code></pre>

<p>See:
<a href="https://developers.google.com/loader/#Dynamic">https://developers.google.com/loader/#Dynamic</a></p>


<p>I'm using Google Ajax API and they suggest I use <code>google.setOnLoadCallback()</code> to do various things related to their API but I'm using also jQuery's <code>$(document).ready()</code> to do other JS things, not related to Google API.</p>

<p>Is it safe to mix these two approaches in one document? I did not notice any problems yet but I suppose it's a matter of scale.</p>


google.setOnLoadCallback with jQuery $(document).ready(), is it OK to mix?

服务器

jQuery

我正在使用Google Ajax API，他们建议我使用google.setOnLoadCallback()来做与他们的API相关的各种事情，但我也在使用jQuery的$(document).ready()来做其他与Google API无关的JS事情。在一个文档中混合这两种方法安全吗？我还没有注意到任何问题，但我想这是...

问google.setOnLoadCallback和jQuery $(document).ready()，可以混合使用吗？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问google.setOnLoadCallback和jQuery $(document).ready()，可以混合使用吗？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问google.setOnLoadCallback和jQuery $(document).ready()，可以混合使用吗？
EN