这个问题是我今天早上安装wordpress的一个插件slimbox的时候出现的. 其实就是以前用的一个用javascript写的鱼眼导航效果和wordpress的插件在库的调用上出现冲突,导致鱼眼不能正常显示. 在wordpress的mailing list上面看了一下,很多人遇到类似的问题. 主要原因是jQuery与别的库共存的时候产生冲突. 如果你在google上查找一下”javescript jQuery conflict” 会有一大堆解决方案. 但是对于我这种不懂js的人来说, 这些本身给javascript代码上做手脚的方法实现起来实在风险有点高.并且成功率太低.
最后还是使用了jQuery的no.conflict函数. 注意.下面的话仅仅是只如何解决给大家带来的基于jQuery的fisheye dock menu与之间冲突.导致鱼眼导航条不能正常显示. 关于jQuery和其他库之间的冲突.未必适用,并且我也没有测试别的什么代码.
关于鱼眼的代码,只需要修改一点点地方:
第2行和第5行的$,替换成jQuery, 改成这个样子
然后在你需要展示鱼眼导航的网页上的和之间加上这样一段:
不过请注意, 上面这段关于no.conflict的函数要加在网页头部的jQuery调用代码的前面,这点很重要.
然后保存一下,启用slimbox插件之后, 鱼眼导航条和slimbox应该可以同时使用了.