加载两个库时,Jquery TypeError - “$(...)。无论什么都不是函数”

时间:2013-10-01 23:51:09

标签: javascript jquery

拜托,我需要一些帮助。

这是失败的代码

    <!-- Begin Photofolio library -->
<link rel="stylesheet" href="styles/layout.css" type="text/css" />
<script type="text/javascript" src="scripts/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="scripts/jquery-photostack.js"></script>
<script type="text/javascript" src="scripts/jquery-coin-slider.min.js"></script>
<script type="text/javascript" src="scripts/jquery-ui-1.8.12.custom.min.js"></script>

<script type="text/javascript"> 
$(document).ready(function () {
    $('#portfolioslider').coinslider({
        width: 480,
        height: 280,
        navigation: false,
        links: false,
        hoverPause: true
    });
    $("#tabcontainer").tabs({
        event: "click"
    });
});
</script>

<!-- End Photofolio -->

<!-- Begin REDX -->
    <link rel="stylesheet" href="css/style.css" />



    <link rel="stylesheet" href="themes/orman/orman.css" type="text/css" media="screen" />


    <script type="text/javascript" src="scripts/jquery-1.6.1.min.js"></script>
    <script type="text/javascript" src="jquery.nivo.slider.pack.js"></script>

    <script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider();
    });
    </script>

当我加载页面时,它会显示以下错误: TypeError:$(...)。coinslider不是函数

我曾尝试使用“jQuery”标识符,但它没有用。我不知道我是否做得对,因为我只是用“jQuery”替换了所有“$”并没有做更多的事情。

我的代码有什么问题?

此致

2 个答案:

答案 0 :(得分:3)

当您使用两个不同版本的jquery(不推荐)时,您可以使用jQuery.noConflict api.jquery.com/jQuery.noConflict/

答案 1 :(得分:-2)

我建议检查你的src =“scripts / jquery-coin-slider.min.js”以检查哪些功能使其工作。也许.coinslider不在js文件中。