我正在为客户端将静态HTML网站转换为Wordpress,而我在使Nivo滑块工作时遇到问题。
它完全适用于HTML版本as can be seen here,但在Wordpress版本seen here上,它似乎没有显示任何图像。
Wordpress版本的脚本正在注册,因为它将一些样式应用于.slider元素,但幻灯片显示图像始终设置为display:none。
有人有什么想法吗?
EDIT;
HTML版本使用此功能;
$(window).load(function() {
$('.slider').nivoSlider({
effect:'fade', //Specify sets like: 'fold,fade,sliceDown'
slices:40,
directionNav:false, //Next and Prev
controlNav:false //1,2,3...
});
并且WP版本使用此;
jQuery(document).ready(function ($) {
$('.slider').nivoSlider({
effect:'fade', //Specify sets like: 'fold,fade,sliceDown'
slices:40,
directionNav:false, //Next and Prev
controlNav:false //1,2,3...
});
});
答案 0 :(得分:0)
您缺少静态版本的jquery.min.js文件。请务必添加以下行
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
如果在上面的行后插入页脚,则只添加以上行似乎可以解决问题:
<script type='text/javascript' src='http://www.terrafirma4x4.com/tfplugin/tfplugin-latest-jquery.js?ver=3.5.1'></script>