prototype.jsとjquery.jsの併用がうまくいきません。
2つの機能をページに組み込みたいと思っています。
(1)横並びの画像が自動的にスクロールする
(2)画像をクリックすると、ライトボックスで表示する
参考にしたのは下記のサイトです。
http://logicbox.net/jquery/simplyscroll/
http://www.lokeshdhakar.com/projects/lightbox2/
しかし、実際にページを作ってみるとどちらかの機能しか有効になりません。
どちらもいくつかのjsファイルを<script>タグで読み込みますが、
後から読み込んだ方しか有効に機能しないのです。
スクロールの方はjquery.jsを、ライトボックスの方はprototype.jsを使っているのですが、
それが良くないのでしょうか。
両方を機能させるにはどう直したらいいのか、ご教授下さい。
もしくは、両方がうまく機能しているサイトがあれば、URLを教えて下さい。
よろしくお願いします。
No.2ベストアンサー
- 回答日時:
prototypeとjqueryと言うことですよね?
どちらもよく知りませんが、$関数がもろにバッティングしてしまうので、それを避けなければなりません。
以下のサイトに、その場合の回避法が出ています。
http://semooh.jp/jquery/ref/cont/with_prototype/
まぁ、わざわざ両方を使わなくても、どちらかにしてしまったほうが良さそうな気がしますが。
探せば、ほとんど同じ機能のプラグインが、それぞれをベースにしていろいろ出されていると思います。
例えば、lightBoxのjquery版
http://leandrovieira.com/projects/jquery/lightbox/
みたいなのを用いれば、(↑)のような回避法をとらなくてもすむはずです。
(プラグイン同士がバッティングしていないかまでは確認していません。)
fujillin様、回答ありがとうございます!
まず回避法を試してみたのですが、うまくいきませんでした。
次にlightBoxのjquery版で試しますと、無事どちらも動くようになりました。
仰るとおり、わざわざprototypeとjqueryを併用したのがいけなかったですね。
jqueryならjqueryのプラグインのみでページを作るようにします。
No.1
- 回答日時:
入れたサイトをとりあえず作ってもらえませんかね。
原因は想像がつくのですが、実体がないと説明しにくいのです。
同じ環境を回答者が作るのは結構大変なので、
仮でどこかのサーバーにUpしてアドレスを教えてもらえれば、
動かない場所をポンポイントで説明できる方が
ここには沢山いますので
hanmemomo様、アドバイスありがとうございます。
確かに、サイトを見せれば話が早かったですよね。
ただ、会社の仕事の一環で作っているので、それができませんでした。
fujillin様の方法でうまくいかなければ、仕事に関わる部分を省いてフリーのページにアップしようと思っておりました。
が、上記の通りうまくいきましたので、今回は見合わせました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- WordPress(ワードプレス) Wordpress 複数プラグインの不具合? 1 2022/10/09 21:52
- システム ホームページの仕組みについて 3 2022/08/16 14:33
- JavaScript 階層別の組織図の自動作成について 1 2022/10/26 13:42
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- JavaScript jQueryローディングアニメーションのコードの以下のURL内参考サイトで提示されている 3 2023/07/03 18:29
- HTML・CSS HTMLを正しく表示させるには 2 2023/06/18 09:12
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
jquery UIのdatepickerで和暦
-
クリックで卵がパカっと割れる...
-
クリックすると画像が飛び出て...
-
JavaScriptでスライドショー。...
-
無料の掲示板でよく使われてる...
-
マイページはどこを開くの
-
ウインドウを毎回同じ位置、大...
-
エクセルのシート上に別のシー...
-
デジタル時計の時刻合わせの方...
-
エクセルVBAでフォームのListbo...
-
Javascript_submit()完了後に処...
-
小さな表示窓の呼び方は
-
一定時間おきにアラームやポッ...
-
同じページをブラウザで複数開...
-
スクリプトって、何ですか?ど...
-
Excelでワードアートや図を常に...
-
リストビューをスクロールさせ...
-
画面を閉じる(×ボタンやタスク...
-
[Java] Edgeでのアドレスバー非...
-
ポップアップウィンドウがブロ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
1ページ内に複数のjqueryのスラ...
-
jQueryでclientWidthが使えない
-
クリックすると画像が飛び出て...
-
マウスオーバーでゆっくり出る...
-
jQueryで書き換えた要素のリセット
-
jquery UIのdatepickerで和暦
-
「jscrollPane」でテキストを認...
-
jquery画像ビューアー(IE6対応)
-
1ページ内に 複数のタブボッ...
-
prototype.jsとjquery.jsの併用...
-
クリックで卵がパカっと割れる...
-
IE8のJavascriptアコーディオン...
-
GUIについて
-
ゆっくりと出るプルダウンを作...
-
jquery スライドしながらフェード
-
背景画像のスライドショー
-
マイページはどこを開くの
-
デジタル時計の時刻合わせの方...
-
ウインドウを毎回同じ位置、大...
-
エクセルのシート上に別のシー...
おすすめ情報