完美解决lavalamp与Slimbox冲突

2011年10月31日    发表评论 阅读评论

自从将导航栏添加了lavalamp效果后,我博客的图片lightbox特效失效了,这让人很不爽,无奈之下谷歌之,才找到了问题的根源!
  #冲突的最根本原因:
  由于Lavalamp的"easing mode"是"linear" ,而我用的Slimbox的"easing mod"为"swing" ,在“jQuery Easing plugin”官网(轻抚here浏览官网)升级部分有提到:"12/11/07 1.3 jQuery easing now supports a default easing mode. Define your preferred animation once for ALL animation."大意就是"easing mode"只能支持一种,比如上面的两种的话,要么都用"linear",要么都用"swing"
  #解决方案
  现在我们只要更改Slimbox 的easing mode为"linear",打开slimbox2.js文件,找到resizeEasing:"swing",将它替换成resizeEasing:"linear".即可
  好了,搞定了!够简单了吧!

    1. 2011年10月31日19:41 | #1 Firefox 7.0.1 Firefox 7.0.1 Windows 7 Windows 7

      还没有遇到这些问题呢
      红涛SEO博客 最近发布的文章..SEO团队管理应该注意些什么My Profile

      [reply]

      亨sirat Firefox 7.0.1 Firefox 7.0.1 Windows XP Windows XP

      @红涛SEO博客, 要两个一起用到才会有冲突
      哈哈

      [reply]

    2. 2011年11月1日21:46 | #2 TheWorld Browser TheWorld Browser Windows 7 x64 Edition Windows 7 x64 Edition

      话说俺本来也是想折腾这个导航呢 最后没弄好 放弃了
      呵呵

      [reply]

      亨sirat Firefox 7.0.1 Firefox 7.0.1 Windows XP Windows XP

      @心淡若水, 再试试看,应该可以了!这是个很好解决的问题!替换一下就好的事!

      [reply]

    3. 2011年11月1日22:41 | #3 Internet Explorer 9.0 Internet Explorer 9.0 Windows 7 Windows 7

      效果还不错!

      [reply]

      亨sirat Firefox 7.0.1 Firefox 7.0.1 Windows XP Windows XP

      @何静稔, 不谦虚地接受了!哈哈

      [reply]

    4. 2012年3月18日08:35 | #4 Firefox 11.0 Firefox 11.0 Windows 7 Windows 7

      我的lavalamp导航栏与wp-facebox-download插件的JS冲突,怎么也找不出原因来,亨sir能不能帮忙看看?

      [reply]

      亨sirat Firefox 10.0.2 Firefox 10.0.2 Windows XP Windows XP

      @Jav2me, 我看了你在wjunction.com上的问题求助,英语不错啊!我先测试看下!希望能找出问题根源所在

      [reply]

      Jav2meat Firefox 11.0 Firefox 11.0 Windows 7 Windows 7

      @亨sir, 亨sir也上WJ呀 😮 你怎么知道那个是我的呀?希望能等到你的好消息 🙄

      [reply]

      亨sirat Firefox 10.0.2 Firefox 10.0.2 Windows XP Windows XP

      @Jav2me, 哇,我只说试试啊!也不知道能不能解决了!!
      刚才吃饭去了!

      [reply]

      Jav2meat Firefox 11.0 Firefox 11.0 Windows 7 Windows 7

      @亨sir, 囧了,我的空间上不知道抽啥疯,cPanel进不去,数据库连不上,客服没人在线,真是苦逼了。。。

      我在本地电脑上搭建了一个wordpress进行了测试,也是只要一将导航栏设置成lavalamp,插件WP Facebox download就立刻出现我在WJ上描述的样子了,另外一个站:http://www.an80.com(我朋友的站,模板和我是一模一样的,我帮忙做得修改和优化,可以用http://www.mo1984.com/archives/facebox_dlist_show.html 这个mo大写的插件,我的博客却依然不行,而且本地架设的wordpress连这个插件的CSS都不调用。。。)

      主要问题就在lavalamp的.js文件上,因为只要我在footer.php里标签之前将这条删除,插件就能用了。。。

      希望亨sir不吝赐教啊,拜托摆脱……

      [reply]

      Jav2meat Firefox 11.0 Firefox 11.0 Windows 7 Windows 7

      @Jav2me, 发现好多语句被过滤了。。。就是在body结束标签之前把调用lavalamp.js的语句去除(其实就是取消lavalamp啦),插件就恢复。。。

      [reply]

      亨sirat Firefox 10.0.2 Firefox 10.0.2 Windows XP Windows XP

      @Jav2me, 被过滤了?我用gmail跟你聊

      [reply]

      亨sirat Firefox 10.0.2 Firefox 10.0.2 Windows XP Windows XP

      @Jav2me, 你不会是在控制面板里直接改的吧!你试下用FlashFXP上传一下,既然你在你朋友网站上测试通过可用,那肯定是在某些细节出错了!!这样,你先把插件停用,把lavalamp完全去掉(记得完全去掉),等于是回归到你未加这两个东西之前的状态,再仔细按教程操作一遍,应该没有问题的!不要急躁!!

      [reply]

    5. 2012年3月18日12:20 | #5 Firefox 11.0 Firefox 11.0 Windows 7 Windows 7

      熬不住了,凌晨5点20分了,又折腾了一个通宵结果啥也没解决,真是得求助大家了 😥

      [reply]

      亨sirat Firefox 10.0.2 Firefox 10.0.2 Windows XP Windows XP

      @Jav2me, 嗯,那要好好休息一下了

      [reply]

      亨sirat Firefox 10.0.2 Firefox 10.0.2 Windows XP Windows XP

      @Jav2me, 晕,你在国外啊!呵呵

      [reply]

    6. 2012年3月19日01:03 | #6 Firefox 11.0 Firefox 11.0 Windows 7 Windows 7

      貌似不行哦~ 我在本地新搭建的一个干净的wordpress,用同样的主题,lavalamp没有搞的时候,插件可用,lavalamp只要一添加上,就不行了。具体步骤是这样的:

      1,搭建了新的wordpress
      2,安装了iNove主题
      3,安装了插件WP Facebox download,效果完好
      4,修改了footer.php文件,在body结束标签之前添加加载lavalamp.js的代码(这个时候没把lavalamp.js放进js文件夹,插件的效果还是好的)
      5,把lavalamp.js放进js文件夹,lavalamp效果出现,插件效果就出错了。。。
      Jav2me 最近发布的文章..testMy Profile

      [reply]

    7. 2012年3月19日04:23 | #7 Firefox 11.0 Firefox 11.0 Windows 7 Windows 7

      连续奋战3天,终于解决了,发现时lavalamp的js文件有问题,参考了easing的标准格式进行了修改,终于搞定了。感谢亨sir的帮助,而且您的这篇文章给与了我很大很大的启示。

      我在mg12的那篇http://www.neoease.com/lavalamp-for-wordpress-users/
      留言中写下了他的代码开头部分的问题。

      哦,对了,他的代码是压缩过后的,利用此地址进行了还原:http://www.web600.net/tool/jsformat/

      终于安心了 🙄
      Jav2me 最近发布的文章..testMy Profile

      [reply]

      亨sirat Firefox 10.0.2 Firefox 10.0.2 Windows XP Windows XP

      @Jav2me, 哇,好小伙啊,这么爱折腾啊!!嘎嘎!连加密都发现了,嘿嘿

      [reply]

    8. 2012年7月7日10:25 | #8 Google Chrome 20.0.1132.47 Google Chrome 20.0.1132.47 Mac OS X  10.7.4 Mac OS X 10.7.4

      easing.js的作者,有提供一个js兼容性补丁:
      jquery.easing.compatibility.js
      引入这个文件后,
      本文提到的冲突,应该也可以解决的。。。

      详见:
      http://gsgd.co.uk/sandbox/jquery/easing/

      [reply]

      亨sirat Firefox 13.0.1 Firefox 13.0.1 Windows 7 Windows 7

      @ych,
      谢谢这位朋友分享,有问题的朋友如果通过本文还不能解决,可以点上链接一试

      [reply]

    1. 本文目前尚无任何 trackbacks 和 pingbacks.

    

    订阅评论
    Comment Tip
    CommentLuv badge