jQueryセレクタがIE7/8で動作しない

Question

これはIE7/8で動作しない理由を知っていますか？

drop_area = $('div#drop_area'); 

IE9、FF2/3、およびChromeでは完全に機能します。 Internet Explorerの7/8以下のエラーを与える：

SCRIPT438: Object doesn't support this property or method 

編集：あなたはまた、使用するWebサイト上のjQueryを使用することを、通常 http://pastebin.com/nwxx8RzW

Answer 1

pastebinに表示されているコードには、多数のグローバル変数の問題があります。言い換えれば、宣言している変数が範囲内にあると仮定してコーディングしていますが、実際にはグローバルになることが分かります。例としては、彼らが簡単に他の機能の中にカプセル化することができたときに、あなたのすべての関数は、同様の範囲でグローバルであるなどset、box_handle、elements、i、id、drop_area、element、row、image_idが含まれます。

いくつかのコードが他のコードで設定されたハンマーリング（グローバル）データを持っているかどうか、微妙なやりとりがあるかどうかはわかりませんが、何かが上書きされているように見えます。まず、コードを実行してローカル変数にvarを追加することから始めます。次に、このコードのほとんどを匿名の自動実行機能でカプセル化します。

Answer 2

そのエラー・ショー：これは私のjavascriptで行くHTMLですプロトタイプ。だからこそエラーが出るのです（これは実際にPrototypeによって投げられます）。もう一つの可能​​性は、jQueryのlibがHTMLに組み込まれる前に、コードを呼び出そうとしていることです。

それは私の最初の推測ではありませんを確認するために、あなたのJSコードにこのコードを追加：jQueryのが含まれている前

$.noConflict(); 

したがって、プロトタイプをHTMLに含まれていることが重要である：http://api.jquery.com/jQuery.noConflict/

$（）をjQuery（）で置き換えて動作させると、jQueryとPrototypeを同時に使用するのが最初の問題でした。

Answer 3

idが 'drop_area'の要素がありますか？すなわち、6/7/8 autoは要素idを使用してdom要素に大域変数を代入します。いくつかのコードが役に立つでしょう。

Answer 4

IEには、グローバルスコープ内の一部のプロパティを登録するための奇妙な動作があります。与えられたIDを持つ要素は、IDを使用するだけでアクセスできます。

ですから、ID "drop_area" を持つ要素を持っている、それはこのIDを使用してIEでアクセス可能な、試してみてください。

alert(drop_area.tagName) 

それをチェック..to（ "DIV" を与える必要があります）

何が起こるのですか：drop_area = $('div#drop_area');を使用しているときにこの要素に何か他のものを割り当てようとしますが、これはDOMElementに対して無効な操作です。

だから、あなたが作成することを明確にするためにVAR-キーワードを使用して、変数

var drop_area = $('div#drop_area'); 

またはあなたは、関数内でグローバル変数を作成するには、グローバルコンテキストに変数を割り当てる必要が場合：

window['drop_area'] = $('div#drop_area');