[TROUBLE 42] PrototypeとjQueryを一緒に使ったら動作しない | デザインってオモシロイ -MdN Design Interactive-

[TROUBLE 42] PrototypeとjQueryを一緒に使ったら動作しない

2024.4.20 SAT

【サイトリニューアル!】新サイトはこちらMdNについて

日々のデザイン現場で発生する問題・難題を解決します!

WEB制作トラブル速戦即決術! 第8回


[TROUBLE 42]
javaトラブル
PrototypeとjQueryを
一緒に使ったら動作しない

文=H2O Space

A. jQueryのnoConflictで解決する

PrototypeとjQueryは、どちらも非常に便利なライブラリだが、両方を同時に使うと動作しなくなってしまう。これは「$」ファンクションがどちらにも定義されているためだ。そこで図のように記述して衝突を防ごう。またjQueryをの記述を変えよう。


動作しないスクリプト。$ファンクションの定義が衝突してエラーになる
動作しないスクリプト。$ファンクションの定義が衝突してエラーになる

jQueryの「noConflict」メソッドで衝突を防げる
jQueryの「noConflict」メソッドで衝突を防げる

jQueryの「$」ファンクションは代わりに「jQuery」を使う
jQueryの「$」ファンクションは代わりに「jQuery」を使う

[INDEX]
>>> [TROUBLE 39] IE 7でページを拡大するとテキストとフォームが重なる
>>> [TROUBLE 40] lengthプロパティで配列の要素数が取得できない
>>> [TROUBLE 41] 行数が増えるとtable要素のボーダーが消えてしまう
>>> [TROUBLE 42] PrototypeとjQueryを一緒に使ったら動作しない
>>> [TROUBLE 43] HTMLで確認すると外部画像が読み込まれない



『web creators』の情報はこちら!>>>

twitter facebook このエントリーをはてなブックマークに追加 RSS
【サイトリニューアル!】新サイトはこちらMdNについて

この連載のすべての記事

アクセスランキング

8.30-9.5

MdN BOOKS|デザインの本

Pick upコンテンツ

現在