2009-02-25 10 views
5

ランダムなウェブサイトに追加できるJSライブラリのアドオンでjQueryを使用したいと思います。これらのウェブサイトは、すでにjQueryを使用している場合と使用しない場合があります。ウィジェットのjQuery

  1. 私はおそらく私自身のjsスクリプトから動的にjQueryをロードします(ないドキュメントヘッド内のスクリプトタグから):

    私はこの実際の周りの3つの質問を持っています。 jqueryはこの方法で動作しますか?

  2. 既存のjQuery(存在する場合)との競合を避けるためにはどうすればよいですか?どのようにすればよいでしょうか? 。最小限のコードと、最も単純な統合を提供しながら、ランダムなウェブサイトへのjQueryを含んでウィジェットを追加する場合に推奨される方法はあります

  3. ウェブサイトのコードで

+0

あなたのウィジェットを終えたのですか?それは公共の消費のために利用可能ですか? – russau

答えて

5

これは不完全かなり緩いとある - 。と実際には出発点になります。

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(経由待つ)それはあなたのために働く場合は準備ができて()関数

+0

あなたは美しい..これはまさに私が探していたものです – russau

+2

$はjqueryだけではないことを心に留めてください。 – micmcg

+1

スクリプトを追加した後、不正なsetTimeoutをスキップし、s.onload = s.onreadystatechange = function(){... に行き、 'readyState'を確認します。 – vsync

関連する問題