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を起動させるためのものです.