2013-04-11 69 views
4

这样一个简单的代码将永远不会工作,我搜索了整个Google,这个血腥的地狱公司没有提供关于如何应用jQuery的简单教程?这非常令人沮丧!如何在Google Gadget API中调用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> 

我会得到这个错误:如果我用这个

enter image description here

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

我会收到此错误:

enter image description here

错误消息:

[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. 
+0

我意识到你正在使用谷歌小工具。我不认为你可以使用谷歌小工具加载外部JavaScript文件,所以你将无法使用jQuery。 – kennypu 2013-04-11 03:38:07

+0

谷歌糟透了:) – lannyboy 2013-04-11 04:47:56

回答

3

好吧,以后我读到这一个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>