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

Question

像这样的简单代码永远不会工作，我搜索了整个谷歌，该死的地狱公司没有提供关于如何应用 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>