lightbox插件问题»LaoZhuHome Beta

lightbox插件问题

星期日, 五月 16th, 2010 WordPress, 前端笔记热度：275 ℃沙发还在哇!阅读模式

感觉最近上传的图片比多，所以就冒出了添加一个lightbox插件的想法，google了一下，发现lightbox2这款插件的口碑不错，遂下载之。然后激活，启用，刷新主页迫不及待的看效果，恩，感觉还不错，虽然在IE下背景不是透明的，但是至少不用新打开窗口了，体验上好了许多。

正当我准备收工的时候发现了一个问题，我的另外一个jQuery插架挂了，郁闷，于是查看js代码，与备份文件比对了一下没有发现不同的地方，于是感觉是刚装的这个lightbox插架的问题，禁用插件然后再刷新主页，jQuery插件恢复。

问题找到了，于是想办法去解决，之前知道lightbox是调用的prototype库，所以暂时估计是类库调用冲突了，因为一个页面调用两个库是不太科学的，自己暂时还没拿能力写出来jQuery版的lightbox，所以只能用别人的了。老外的框架总是喜欢用$，两个$到一起肯定要冲突，找了很长时间终于找到官方的解决方案

http://docs.jquery.co/Using_jQuery_with_Other_Libraries

于是照着方法调试起来，两个插件的js都不是手工添加的，查看源代码之后找到调用的先后顺序，把

<script>
 jQuery.noConflict();
 // Use jQuery via jQuery(...)
 jQuery(document).ready(function(){
 jQuery("div").hide();});
// Use Prototype with $(...), etc.
   $('someid').hide();
</script>

必须把这段代码加到两个库调用完的后面，刷新主页，jQuery还是不能用，再查官方文档，原来没有把jQuery插件代码里$替换成jQuery，这样就不会和prototype的$冲突了。替换之后上传FTP，问题搞定。