Question

我的代码中出现以下错误$("ul#slides").cycle is not a function。我是一个新手，所以我不知道JS也不是jQuery所以如果有人可以帮助我可能会很棒。

以下是我的代码：

JS

$(document).ready(function () {
    $("#slideshow").css("overflow", "hidden");
    $("ul#slides").cycle({
        fx: 'fade',
        pause: 1,
        prev: '#prev',
        next: '#next',
    });
    $("#slideshow").hover(function () {
        $("ul#nav").fadeIn();
    }, function () {
        $("ul#nav").fadeOut();
    });

});

HTML

<div id="slideshow">
    <ul id="nav">
        <li id="prev"><a href="#">Prev</a></li>
        <li id="next"><a href="#">Next</a></li>
    </ul>

    <ul id="slides">
        <li><img src="Images/01.png" alt="Harley Davidson Sportster" /></li>
        <li><img src="Images/02.jpg" alt="Harley Davidson Sportster" /></li>
        <li><img src="Images/03.jpg" alt="Harley Davidson Sportster" /></li>
    </ul>
</div>

感谢您的帮助。

Answer 1

我会查看您所包含的jquery版本，并确保您没有任何冲突。通常，当我看到这个问题时，它是插件的结果，需要不同的jquery库，并且它们被引用的顺序会导致令人头疼。尝试注释掉该函数不需要的任何jquery库（包括母版页中的任何库）并查看它是否仍有错误。如果是这样的话，那就制作一个只有这个功能的小裸骨样本html页面

Answer 2

如果您链接到多个JQuery库，则可能存在冲突。我正在使用周期插件w / https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js，并且它与我的所有.js脚本都运行良好。

jQuery，循环错误：$（“ul＃slides”）。循环不是函数[Bei diesem Fehler anhalten] next：'＃next'，

2 个答案: