jquery - 如何在 Google Gadget API 中调用 jQuery

Question

像这样简单的代码永远不会工作，我搜索了整个Google，该死的公司没有提供关于如何应用jQuery的简单教程？这真是令人沮丧!

<Content type="html"><![CDATA[
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
   <div id="content_div" height="250">abc</div>

   <script type="text/javascript">
       alert($('#content_div').css('height'));
   </script>
   ]]>    
</Content>

出了什么问题？

========

如果我使用这个:

<script type="text/javascript" src="https://www.google.com/jsapi"></script>

我会收到此错误:

如果我使用这个:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>

我会收到此错误:

错误消息:

[blocked] The page at https://pct0pnegjcnktlrmc1cf6dh916jdefnq-a-sites-opensocial.googleuserconte…y%252F8t2ynycEfP2AdZ8IeBvJF%26c%3Denterprise&rpctoken=-2403247092253746774 ran insecure content from http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js.

Answer 1

好吧，读完这篇文章后 https://developers.google.com/speed/libraries/devguide ，终于我解决了这个该死的问题......

而不是

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

它必须是:(罪魁祸首是“http”方案)

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

这就是它的样子:

<Content type="html"><![CDATA[
   <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
   <div id="content_div" height="250px">abc</div>

   <script type="text/javascript">
        $('#content_div').html('123');
   </script>
   ]]>    
</Content>