如何在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>