jquery与protype冲突解决方法

           我前阵子基于jquery写了比较时间大小的方法,后来用protype也实现了个lightbox图片放大、上一页下一页的效果,虽然基于jquery的lightbox也有很多,但既然添加进去了,就懒得修改了。这个时候问题来了,它俩的效果只有一个显示,明显是因为jquery与protype的$属性冲突的缘故。

          

          其实呢,网上介绍jquery与protype冲突的方法很多,就不列举了。引用的js代码如下


<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

<script charset="gb2312" type="text/javascript" src="date/WdatePicker.js"></script>
<script  type="text/javascript" src="js/jquery/jquery-1.2.6.min.js"></script>
<script language="javascript">	jQuery.noConflict();  </script>
<script  type="text/javascript" src="js/jquery/checktime.js"></script>


我的解决方法:

让protype.js相关的js放到前面,jquery.js相关的js放到后面  。在jquery.js后面添加jQuery.noConflict()方法,其实是把$的占有权交还给protype。


因为我是外部引用js文件,在很多页面里都有比较时间checktime.js方法,以及 图片放大方法,所以在每个jquery.js后面都加上jQuery.noConflict()这句话,不然会出现问题的。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章