2012年5月 6日
jQuery lightBoxが動かなかったのはProtortypeとの同居だった
jQuery lightBox を BMOON Blog にも設置したのですが,動かない.
なんなんだと悪戦苦闘していたら,ここに原因が書いてありました.
「jQuery」と「Prototype」を一緒に設置すると正常に動作しない時の対処法 (ホームページ作成・デザイン WEB工房のブログ)
jQuery と Protorype を同居させる場合には一工夫必要でした.
具体的には,
<script type="text/javascript"><!--$(function(){$('a[href$=".jpg"], a[href$=".gif"], a[href$=".png"]').lightBox();});--></script>
の$のところをjQueryと直書きする必要があります.
jQuery(function(){jQuery('a[href$=".jpg"], a[href$=".gif"], a[href$=".png"]').lightBox();
ちなみに,このスクリプトは,画像へのリンクがあったら,それに対してlightBoxを起動させるためのものです.