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

【问题标题】：Nivo Slider working on static HTML site but not on WP based siteNivo Slider 在静态 HTML 网站上工作，但不在基于 WP 的网站上
【发布时间】：2013-04-21 21:49:50
【问题描述】：

我正在为客户将静态 HTML 网站转换为 Wordpress，但在让 Nivo 滑块工作时遇到问题。

它在 HTML 版本 as can be seen here 上完美运行，但在 Wordpress 版本 seen here 上似乎没有显示任何图像。

Wordpress 版本的脚本正在注册，因为它将一些样式应用于 .slider 元素，但幻灯片图像始终设置为 display:none。

有人有什么想法吗？

编辑；

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...

    });

});

【问题讨论】：

啊，我想我知道为什么了。在 WP 网站上，使用 jQuery 而不是 $。
@martincarlin87 我已经使用jQuery 而不是$，但它仍然无法正常工作...
你在 javascript 中有两个错误，请查看浏览器的控制台面板并先将它们删除
是的，你在使用 $('#frmContact').submit(function() 时仍然使用 $ - 所以修复错误应该是你的第一步。
@DeanElliott - 当我检查源代码时，我确实看到了许多 $ 实例，只是检查了一下，它们似乎仍然存在，从页面源代码的第 128 行开始。

标签： jquery wordpress nivo-slider

【解决方案1】：

您缺少静态版本中的 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>

【讨论】：