2010-01-05 2 views
0

Как использовать функцию автозагрузки Google для автоматической загрузки JQuery?Как использовать автозагрузку Google для загрузки JQuery?

http://code.google.com/apis/ajax/documentation/autoloader-wizard.html

Чтение documention, я думал, что ниже будет работать, но не делает.

<script type="text/javascript" src="http://www.google.com/jsapi?autoload={"modules":[{name:"maps",version:3,{name:"maps",version:3,other_params:"sensor=false"},{"name":"jquery","version":"1.3.2"},{"name":"jqueryui","version":"1.7.2"}]}"></script> 

Однако приведенный выше код не работает, даже если я кодировать URL как:

<script type="text/javascript" src="http://www.google.com/jsapi?autoload=%7B%22modules%22%3A%5B%7Bname%3A%22maps%22%2Cversion%3A3%2C%7Bname%3A%22maps%22%2Cversion%3A3%2Cother_params%3A%22sensor%3Dfalse%22%7D%2C%7B%22name%22%3A%22jquery%22%2C%22version%22%3A%221.3.2%22%7D%2C%7B%22name%22%3A%22jqueryui%22%2C%22version%22%3A%221.7.2%22%7D%5D%7D"></script> 
+0

Ты URL-кодирование слишком много URL, к тому, что это уже не действует. Только бит после 'autoload =' должен быть закодирован в URL. –

+0

@ Кристофер, исправлено, но все еще есть проблемы – TeddyR

+0

Любые идеи кто-нибудь? – TeddyR

ответ

0

можно загрузить ряд яваскрипта библиотек с помощью загрузчика Google.

Следуйте инструкциям в руководстве Google Dev Guide Auto-Loading section и добавьте фрагмент HTML на страницу HTML или страницу презентации.

EDIT:

Для примера он должен быть:

<script src="http://www.google.com/jsapi?autoload=%7B%22modules%22+%3A+%5B%7B%22name%22+%3A+%22jquery%22%2C%22version%22+%3A+%221%22%2C%7D%2C%7B%22name%22+%3A+%22jqueryui%22%2C%22version%22+%3A+%221%22%7D%5D%7D&key=YOUR_API_KEY_HERE"></script> 

Не забудьте добавить ключ API в конце автозагрузку URL.

+0

Я обновил свой оригинальный пост. Я использую Google Maps 3 (так что не нужен ключ api), JQuery (1.3.2) и JQueryUI (1.7.2). Однако код в моем исходном сообщении не работает. Любые идеи почему? – TeddyR

1

Перейти к Firefox -> Firebug -> Панель консоли. Разверните консоль ввод строку на правой стороне

Запустить яваскрипт код:

'http://www.google.com/jsapi?autoload='+encodeURIComponent(JSON.stringify({ 
    "modules" : [ 
    { 
     "name" : "jquery", 
     "version" : "1.3.2" 
    }, 
    { 
     "name" : "jqueryui", 
     "version" : "1.7.2" 
    } 
    ] 
})) 

Он выводит конечный URL в консоль, как это:

http://www.google.com/jsapi?autoload=%7B%22modules%22%3A%5B%7B%22name%22%3A%22jquery%22%2C%22version%22%3A%221.3.2%22%7D%2C%7B%22name%22%3A%22jqueryui%22%2C%22version%22%3A%221.7.2%22%7D%5D%7D 

Вы можете поэкспериментировать с различными настройками как описано здесь: http://code.google.com/apis/ajaxlibs/documentation

+0

Не забудьте добавить Google Maps v3 с датчиком = false – TeddyR

+0

@Darwin, вы увидите в моем обновленном оригинальном посте, что мой код очень похож и не работает. Есть идеи? – TeddyR

+0

Когда я помещаю окончательный url в адресную строку Firefox и загружаю этот скрипт, он выглядит хорошо. Последние две строки: google.load («jquery», «1.3.2», {}); и google.load ("jqueryui", "1.7.2", {}); поэтому я ожидаю, что у вас есть ошибка где-то еще. –

1

Я нашел ответ, это:

<script type="text/javascript" src="http://www.google.com/jsapi?autoload={"modules":[{name:"maps",version:3,other_params:"sensor=false"},{"name":"jquery","version":"1.3.2"},{"name":"jqueryui","version":"1.7.2"}]}"></script> 

закодированы:

<script type="text/javascript" src="http://www.google.com/jsapi?autoload=%7B%22modules%22%3A%5B%7Bname%3A%22maps%22%2Cversion%3A3%2Cother_params%3A%22sensor%3Dfalse%22%7D%2C%7B%22name%22%3A%22jquery%22%2C%22version%22%3A%221.3.2%22%7D%2C%7B%22name%22%3A%22jqueryui%22%2C%22version%22%3A%221.7.2%22%7D%5D%7D"></script>