Nivo Slider在静态HTML网站上工作,但不在基于WP的网站上工作

时间:2013-04-21 21:49:50

标签: jquery wordpress nivo-slider

我正在为客户端将静态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...

    });

});

1 个答案:

答案 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>