2013-04-11 2 views
4

Простой код, подобный этому, никогда не будет работать, и я обыскал весь Google, чертовская компания не предоставляет простой учебник о том, как применить jQuery? Это очень неприятно!Как вызвать jQuery в API гаджетов Google

<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

я понял, что вы используете Google Gadgets. Я не думаю, что вы можете загружать внешние файлы javascript с помощью гаджетов Google, поэтому вы не сможете использовать jquery. – kennypu

+0

google sucks then :) – lannyboy

ответ

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> 
Смежные вопросы