php - jQuery 插件在我的 php 页面中不起作用，在 html 中它工作正常

Question

我在一个 PHP 编码的站点工作。在这里我想添加 jQuery 插件 Barousel。我在我的网站外的 HTML 页面中进行了测试，它工作正常。但是当我在它必须工作的页面中添加代码（PHP）时，它不起作用。

在 chrome 中，我收到了下一条消息；

Uncaught Type Error: object#<object> has no method 'barousel'

这是页面。

图片必须是带有文字的旋转木马。

请任何人都可以帮助我；我真的不知道该怎么办。

Answer 1

您的页眉已加载jquery.js两次。

第二次加载将覆盖第一次，并且$.fn.barousel不再定义。

<script type="text/javascript" src="jquery.js"></script>
<script src="barousel/js/jquery.barousel.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        //BAROUSEL - ITEM NAVIGATION
        jQuery('#barousel_itemnav').barousel({
            manualCarousel: 0,
            slideDuration: 3000
        });
    });
</script>
<!-- remove this -->
<script type="text/javascript" src="jquery.js"></script>
<!-- remove this -->