JQuery в виджете

Question

Я хочу использовать jQuery в дополнении к библиотеке JS, которое можно добавлять на случайные веб-сайты. Эти веб-сайты могут уже использовать или не использовать jQuery.

На самом деле у меня есть 3 вопроса:

1. Вероятно, я буду загружать jQuery динамически из моего собственного js-скрипта (а не из тега script в заголовке документа). Будет ли JQuery работать таким образом? Как я могу убедиться, что он будет работать вовремя, не имея стандартного $ (document) .ready (function () {} в основном документе?

2. Что я должен сделать, чтобы избежать конфликтов с существующим jQuery (если есть) в коде веб-сайта.

3. Есть ли рекомендуемый способ добавить виджет, включающий jQuery, на случайные веб-сайты, обеспечивая при этом минимальный код и простую интеграцию.

Answer 1

Это довольно свободно и неполно - и действительно должно быть отправной точкой:

if (typeof $ != 'undefined') {
    var msg = 'This page already using jQuery v' + $.fn.jquery;
} else {
    var s = document.createElement('script');
    s.setAttribute('src', 'http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js');
    document.getElementsByTagName('head')[0].appendChild(s);
    var msg = 'This page is now jQuerified';
}

, затем подождите с помощью краткого setTimeout () перед запуском функции ready ()

Answer 2

Вы можете попробовать решение по следующей ссылке, если оно работает для вас. По сути, существует плагин, который создает виджеты на лету, а затем асинхронно запрашивает другой URL-адрес страницы и устанавливает возвращаемый контент как внутренний HTML-код виджета.

http://sites.google.com/site/spyderhoodcommunity/tech-stuff/jquerydashboardwidgetplugin