导致Wordpress图像滑块中JavaScript冲突的插件
我正试图在Wordpress网站上实现一个cookie警告插件。网站主题在主页上使用滑块,但激活插件会以三种方式破坏滑块: 1) 几秒钟后,它会将滑块图像向上推到页面上,使主导航菜单变得模糊 2) 过渡效应消失 3) 图像字幕消失了 下面是它的外观: 这是一个模型,展示了冲突: 我为.nivoSlider类导致Wordpress图像滑块中JavaScript冲突的插件,javascript,css,wordpress,Javascript,Css,Wordpress,我正试图在Wordpress网站上实现一个cookie警告插件。网站主题在主页上使用滑块,但激活插件会以三种方式破坏滑块: 1) 几秒钟后,它会将滑块图像向上推到页面上,使主导航菜单变得模糊 2) 过渡效应消失 3) 图像字幕消失了 下面是它的外观: 这是一个模型,展示了冲突: 我为.nivoSlider类top隔离了一条规则:-74px可能是在JScript启动之后,它将事情拖上去的。我已将其设置为0px,因此当页面加载时,图像滑块将显示在其应位于的位置下方,然后向上凸起到“右侧”空间-不理
top隔离了一条规则:-74px
可能是在JScript启动之后,它将事情拖上去的。我已将其设置为0px,因此当页面加载时,图像滑块将显示在其应位于的位置下方,然后向上凸起到“右侧”空间-不理想,但可移动。然而,这并不能解决其他更严重的问题
我注意到,当图像标题的样式规则从display:block
更改为display:none
。正常运行时,JavaScript会在幻灯片转换时隐藏标题,但随后会变回display:block
。它被卡在显示上的事实:无可能是一个线索,说明为什么过渡效果也不起作用,整个东西同时跳转到页面上
感谢您的建议,我对JavaScript基本一无所知。您的JavaScript中有一个错误: easing[jQuery.easing.def]不是一个函数
修复此错误并查看是否仍有问题是值得的。我认为这是在jquery.easing.js中创建的函数,它是主题文件夹中的一个js文件。您需要检查页面中是否确实引用了js文件,以及引用是否在这行js之前。
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);