中途半端を極める

web関連で役に立ちそうなものを紹介いたします

javascript

【javascript】jQueryとprototypeを共存させる方法

投稿日:2012年5月8日 更新日:

自分が管理していないサイトを突然「更新してくれ!」と言われ、確認するとprototypeが使用されておりました。
私は基本的にJavaScriptライブラリはjQueryを使用するので、少々戸惑いましたが、競合(コンフリクト)を防ぐ方法がありましたのでそちらを試しました。

prototypeを使用しているところをjQueryで作り変えようかとも考えましたが、面倒なことにならなくてよかったです。

jQueryとprototype共存させる為にする事

step1 jQueryよりprototypeを読み込ませる

prototype.jsを読み込んだ後にprototype.jsを使用するプラグインを記述

step2 jQueryを読み込ませる

step3 jQueryの次に下記記載のjavascriptを記述



を読み込ませた後にjQueryを使用するプラグインを記述

注:jQueryプラグインを読み込ませる前に以下の作業を行ってください

$() となっている部分を jq$() に置換してください。
置換した後のjquery.droppy.jsのファイルです。



なんだかんだ言っても管理が面倒くさくなるので、jQueryとprototypeを共存は避けたいですね。

-javascript

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

関連記事

【javascript】SWFObjectで配置したFlash下に、ドロップダウンメニューが隠れてしまう

jquery.droppy.jsなどのドロップダウンメニュー(プルダウンメニュー)の下にFlashを配置すると、プルダウンメニューがFlashの裏側に表示されてしまう。CSSでFlashコンテンツにz …

【javascript】チェックボックスをチェックしないとサブミットできないボタン

個人的には結構使用する動作なので紹介いたします。 プライバシーポリシーや20歳以上の確認を行うときなどに有効ですね。 残念ながらフォームのスパム対策としてはおそらく効果は無いと思われます。

[javascript]複数の要素の高さを揃えるjavascript利用時にうまく動作しない時の対処法

「EqualHeight」や「flatheights」など複数の要素の高さを揃えるjavascriptを使用すると、SafariとGoogle Chromeではうまく動作しない場合があります。 うまく …

レスポンシブサイトにPC用とスマホ用の切り替えボタンをつける方法を紹介

最近レスポンシブサイトが増えてきました。スマートフォン用のサイトにはPC用を表示するボタンがついていますが、その機能を実装する方法を紹介いたします。javascriptを使用いたします。

Google Maps API V2であまりソースを変更せずV3へ移行する方法

注: Google Maps JavaScript API バージョン 2(V2)は、2010 年 5 月 19 日に正式にサポートが終了しました。V2 の廃止スケジュールは 2013 年 5 月 1 …