2011-02-16 14 views
4

firefox拡張のサイドバーでjQueryを使いたいと思います。これは、私たちがjQuery.noConflict()機能を使用しない理由私は、sidebar.xulfirefoxアドオンでjQueryを使用するにはどうすればよいですか?

<script type="application/x-javascript" src="chrome://myaddon/content/ 
    scripts/jquery/js/jquery-1.4.4.min.js"/> 

    <script type="text/javascript">jQuery.noConflict();</script> 

最初の質問ではjQueryを含める方法ですか?

私はいくつかの他の質問の解決策を試しましたが、それは私のためには機能しませんでした。あなたはプロトタイプ、MooToolsは、YUIなどのような他のライブラリが含まれている場合

<script type="application/x-javascript" 
     src="chrome://myextension/content/scripts/jquery/js/jquery-1.4.4.min.js"/> 
    <script type="text/javascript"> 
    jQuery.noConflict(); 
    jQuery(document).ready(function() { 
     alert("hello"); 
    }); 
</script> 
+0

あなたの作品は機能していますか?あるいは 'noConflict'についての唯一の質問ですか? –

+0

Firefoxの拡張機能でjQueryを使用する基本的なアプローチにしたいと思っています。ちょっと試してみましたが、js/jqueryコードを置く場所と使用方法はわかりません。 –

答えて

2

、問題はこれらのライブラリの一つ以上が一緒に使用されたときに来る:

それでもこれはFF 3.6.13に私のために動作しません。 jQueryはグローバル関数として$()も使用し、変数を定義します。この状況は、グローバル関数としてjQueryや他のライブラリで$()が使用されるため、競合が発生します。このような状況を克服するために、jQueryはjQuery.noConflict()を導入しました。

ですから、基本的に

var $j = jQuery.noConflict(); 

は今、あなたはFirefoxのプラグインについては代わりに$()

$j()を使用してjQueryのコマンドを書くことができないことができ、私はあなたが放火犯を参照していると仮定しています。 jqueryで入力する領域をコンソールといいます。あなたはこのアラートhello行いませhttp://getfirebug.com/commandline

enter image description here

+0

ありがとうございますが、このコードはどこにありますか?どこに置く必要がありますか?私はこれを私のサイドバーに入れてください..xulそれは何の効果もありません。 –

+0

@ArtWorkAD私が提供したリンクはあなたを助けたはずです。上記の投稿を更新し、スクリーンショットを追加しました。コンソールタブをクリックし、右下のアイコンをクリックして、入力した領域を右または下のどちらかに表示するかどうかを切り替えます。 – Hussein

+0

ありがとうございますが、これは私の問題を解決しませんfirebugは、いくつかのjqueryを実行するとnullまたはundefinedを返します –

1

で続きを読むことができますか?

<script type="text/javascript"> 
    jQuery.noConflict(); 
    jQuery(document).ready(function() { 
     alert("hello"); 
    }); 
</script> 

もしそうなら、jQueryが動作しています。これは本当に些細な答えのようです、申し訳ありません。

+0

hmこれは男性のために働いていません –

+0

私は正常に 'var $ j = jQuery.noConflict();を使用しました。試してみると、上記のような 'script type =" text/javascript ">タグの中に入ります。 –

+0

私の質問を更新しました。jqueryは正常に読み込まれたようですが、警告はありません。 –

関連する問題