有时只有“ flexslider不是功能”

问题描述

当我尝试在我的网站上运行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>

解决方法

我认为，如果您使用就绪功能，它将可以正常工作。

尝试这样的事情

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

javascript jquery twitter-bootstrap