Javascript 我的引导转盘fdi转盘滑动根本不滑动

当在控制台中检查chrome Uncaught ReferenceError的任何错误时：$未定义我可以在我的代码中看到此错误代码。 我的代码可能有什么问题欢迎提供任何帮助。这是我的代码。这个slider_flow.php。这是网站的链接

这是我的slider_flow.js

$(document).ready(function () {

    $('.fdi-Carousel .item').each(function () {
        var next = $(this).next();
        if (!next.length) {
            next = $(this).siblings(':first');
        }
        next.children(':first-child').clone().appendTo($(this));

        var next2 = next.next();
        if (!next2.length) {
            next2 = $(this).siblings(':first');
        }
        next2.children(':first-child').clone().appendTo($(this));

        var next3 = next2.next();
        if(!next3.length){
            next3 = $(this).siblings(':first');
        }
        next3.children(':first-child').clone().appendTo($(this));
    });
});

这里所有的js脚本都链接到整个website.footer.php

<div class="footer-section">
                <div class="container">
                    <div class="footer-top">
                                <div class="social-icons">
                                        <a href="https://www.facebook.com/WandaSokoLtd/"><i class="icon1"></i></a>
                                        <a href="https://twitter.com/WandaSokoLtd"><i class="icon2"></i></a>
                                        <!--a href="#"><i class="icon3"></i></a-->
                                    </div>
                                </div>

                    <div class="footer-bottom">
                        <p> Copyright &copy;
                            <script>
                              var currentDate = new Date(),
                                  day = currentDate.getDate(),
                                  month = currentDate.getMonth() + 1,
                                  year = currentDate.getFullYear();
                              document.write(day + "/" + month + "/" + year)
                            </script> 
                            All rights  Reserved | by<a href="http://www.wandasoko.org/" target="target_blank">WandaSoko</a>
                        </p>
                    </div>
            <a class="scroll" href="#home" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>

                </div>
            </div>
                    <!-- jQuery -->
        <!-- Bootstrap Core JavaScript -->
        <script src="assets/js/jquery-1.11.1.min.js"></script>
        <script src="assets/js/responsiveslides.min.js"></script>
                    <script type="text/javascript">
                        $(document).ready(function() {

                            $().UItoTop({ easingType: 'easeOutQuart' });

                        });
                    </script>
        <!-- script for menu -->                
         <script>
             $("label.menu").click(function(){
             $(".top-menu ul").slideToggle("slow" , function(){
             });
             });
         </script>
        <!-- //script for menu -->

        <!-- other useful jquery -->
        <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
        <script>
                $(function () {
                  $("#slider").responsiveSlides({
                    auto: true,
                    nav: true,
                    speed: 500,
                    namespace: "callbacks",
                    pager: true,
                  });
                });
        </script>

                      <!-- start-smoth-scrolling-->
        <script type="text/javascript" src="assets/js/move-top.js"></script>
        <script type="text/javascript" src="assets/js/easing.js"></script>
            <script type="text/javascript">
                jQuery(document).ready(function($) {
                    $(".scroll").click(function(event){     
                        event.preventDefault();
                        $('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
                    });
                });
            </script>
        <script src="assets/js/slider_flow.js"></script>
        <!--End-smoth-scrolling-->

            <script src="assets/js/jquery.swipebox.min.js"></script> 
                <script type="text/javascript">
                    jQuery(function($) {
                        $(".swipebox").swipebox();
                    });
                </script>
                <script type="text/javascript">
                        $(document).ready(function() {
                        $('#myCarousel').carousel({
                        interval: 10000
                           })
                        });
                </script>

    </body>
</html>

---

您需要先导入jQuery，然后才能使用它：

    <script src="assets/js/jquery-1.11.1.min.js"></script> <!-- This must be before any jQuery use -->
    <script src="assets/js/bootstrap.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {

             $().UItoTop({ easingType: 'easeOutQuart' });

        });
    </script>

---

即使在所有其他jQuery脚本之前导入它，它仍然不起作用。@harri在测试环境中查看代码时，jQuery导入仍然在同一位置。在第一次使用jQuery之前，尝试将第249行jQuery的导入移动到第25行。我已经在正确的环境中使用jQuery导入更新了测试环境中的代码，但仍然得到了相同的结果error@harri我仍然没有看到页面上的任何变化，我用chrome和firefox仔细检查了一下。你确定你上传的编辑正确吗？是的，我甚至在对问题进行更改后更新了问题检查footer.php代码。我按照你告诉我的方式导入了JQuery。

<div class="footer-section">
                <div class="container">
                    <div class="footer-top">
                                <div class="social-icons">
                                        <a href="https://www.facebook.com/WandaSokoLtd/"><i class="icon1"></i></a>
                                        <a href="https://twitter.com/WandaSokoLtd"><i class="icon2"></i></a>
                                        <!--a href="#"><i class="icon3"></i></a-->
                                    </div>
                                </div>

                    <div class="footer-bottom">
                        <p> Copyright &copy;
                            <script>
                              var currentDate = new Date(),
                                  day = currentDate.getDate(),
                                  month = currentDate.getMonth() + 1,
                                  year = currentDate.getFullYear();
                              document.write(day + "/" + month + "/" + year)
                            </script> 
                            All rights  Reserved | by<a href="http://www.wandasoko.org/" target="target_blank">WandaSoko</a>
                        </p>
                    </div>
            <a class="scroll" href="#home" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>

                </div>
            </div>
                    <!-- jQuery -->
        <!-- Bootstrap Core JavaScript -->
        <script src="assets/js/jquery-1.11.1.min.js"></script>
        <script src="assets/js/responsiveslides.min.js"></script>
                    <script type="text/javascript">
                        $(document).ready(function() {

                            $().UItoTop({ easingType: 'easeOutQuart' });

                        });
                    </script>
        <!-- script for menu -->                
         <script>
             $("label.menu").click(function(){
             $(".top-menu ul").slideToggle("slow" , function(){
             });
             });
         </script>
        <!-- //script for menu -->

        <!-- other useful jquery -->
        <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
        <script>
                $(function () {
                  $("#slider").responsiveSlides({
                    auto: true,
                    nav: true,
                    speed: 500,
                    namespace: "callbacks",
                    pager: true,
                  });
                });
        </script>

                      <!-- start-smoth-scrolling-->
        <script type="text/javascript" src="assets/js/move-top.js"></script>
        <script type="text/javascript" src="assets/js/easing.js"></script>
            <script type="text/javascript">
                jQuery(document).ready(function($) {
                    $(".scroll").click(function(event){     
                        event.preventDefault();
                        $('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
                    });
                });
            </script>
        <script src="assets/js/slider_flow.js"></script>
        <!--End-smoth-scrolling-->

            <script src="assets/js/jquery.swipebox.min.js"></script> 
                <script type="text/javascript">
                    jQuery(function($) {
                        $(".swipebox").swipebox();
                    });
                </script>
                <script type="text/javascript">
                        $(document).ready(function() {
                        $('#myCarousel').carousel({
                        interval: 10000
                           })
                        });
                </script>

    </body>
</html>

    <script src="assets/js/jquery-1.11.1.min.js"></script> <!-- This must be before any jQuery use -->
    <script src="assets/js/bootstrap.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {

             $().UItoTop({ easingType: 'easeOutQuart' });

        });
    </script>