rollover（jQuery）とlightbox（prototype.js）の競合を回避する
javascriptを複数設定すると、干渉しあってうまく作動しないことがある、と聞いてはいたのですが、実際ロールオーバーとライトボックスを設定した際、競合が起きてしまいました。 これは初心者的な言い方で言うと、jQueryのjsファイルとライトボックスのprototype.jsファイルの両方に「$」の指示があるので、うまく読み込めなくなってしまう・・・というようなことみたいですね。 なので、jQueryの方のjsファイル（ここではrollover.js）の指示出しの「$」を置き換えればOKらしいっす。 手順は 1.HTMLファイルでjQueryのjsファイルの「$」を別のもの（「jQuery」）にするという指示を書く 2.jQueryのjsファイルの「$」を「jQuery」に置換する ・・・と意外に簡単！ で、具体的な書き方はこんな感じ。 【HTML】・・・赤字の部分を追加 <!-- jQ
jQuery と prototype.js を同時に使う。（$(); のコンフリクト回避）｜プログラムメモ
jQueryとprototype.js を同時に使いたい場面がまれにあります。 そのとき $('id_name'); //prototype.js $('#id_name'); //jQuery といった書式を jQuery, prototype.js 共に持っているのですが、その動作（書式や戻り値）が違います。 例えば戻り値の場合、 prototype.js：DOMオブジェクトを返す jQuery：jQueryオブジェクトを返す という違いがあります。 そこで jQueryとprototype.jsを同時に使いたい場合は jQueryの $(); を違う名前に変更して使います。 jQuery.noConflict(); var j$ = jQuery; 2行を追加します。 こうすることによって // jQuery jQuery('#id_name'); j$('#id_name'); /
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
