获取。“flexslider 不是函数”只是有时答案

【问题标题】：getting."flexslider is not a function" only sometimes获取。“flexslider 不是函数”只是有时
【发布时间】：2020-08-19 04:03:43
【问题描述】：

当我尝试在我的网站上运行 flexslider 时，时不时会出现以下错误：未捕获的 TypeError: $(...).flexslider 不是函数

我搜索了所有类似的问题并尝试了解决方案，但没有任何效果。 jQuery 只加载一次，并且在 flexslider 之前加载。我仅有时会收到此错误（可能每 10 次尝试一次）。这让我难以置信。这是我所拥有的：

<html>
<head>
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/lightbox.css">
    <link rel="stylesheet" href="/css/flexslider.css">
    <link rel="stylesheet" href="/css/styles.css">
    <link href="https://fonts.googleapis.com/css?family=Montserrat|Nunito|Roboto:100" rel="stylesheet">
</head>
<body>
...html stuff...
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/lightbox.js"></script>
<script src="/js/jquery.flexslider.js"></script>
<script src="/js/script.js"></script>
<script>
$(window).load(function() {
    $('.flexslider').flexslider({
        animation: "slide",
        slideshow: false,
        directionNav: true,
        controlNav: false,
        startAt: 0,
        touch: true,
        prevText: "",
        nextText: ""
    });
});
</script>
</body>
</html>

【问题讨论】：

标签： javascript jquery twitter-bootstrap flexslider

【解决方案1】：

我认为如果你使用 ready 函数，它会起作用。

试试这样的

$('.flexslider').ready(function(){
    $(window).load(function() {
        $('.flexslider').flexslider({
            animation: "slide",
            slideshow: false,
            directionNav: true,
            controlNav: false,
            startAt: 0,
            touch: true,
            prevText: "",
            nextText: ""
        });
    });
});

【讨论】：

不会 .ready() 仅在页面上加载特定元素时运行，而不是 javascript 函数本身？