0

我在我的本地和测试环境中实现了一个 jquery simple-carousel，它运行良好，但是一旦我将它移到我的生产环境中，它就会引发控制台错误。可以在此处找到该脚本。

这是我收到的错误：

TypeError: $("ul.carousel").simplecarousel 不是函数

我一直在环顾四周，除了这里没有帮助的旧帖子外，找不到与此问题有关的任何内容。我正在使用一个非常基本的实现，如此处所示

任何帮助将不胜感激。我尝试了大约 4 种不同的滑块包，但均无济于事。我不断收到类似的错误。

这是我的代码：

    <style>
    ul.carousel {padding:0;margin:0;}
    #carousel-wrap {width:790px;height:565px;}
    #carousel-wrap span.next {
        position:absolute;
        top:15%;
        right:170px;
        z-index:999;
        width: 28px;
        height: 80px;
        text-indent: -999999px;
        background: url(http://www.3balls.com/images/homepage/ed_next.png) no-repeat 4px 0px;
        cursor:pointer;
    }
    #carousel-wrap span.prev {
        position:absolute;
        top:15%;
        left:0;
        z-index:999;
        width: 28px;
        height: 80px;
        text-indent: -999999px;
        background: url(http://www.3balls.com/images/homepage/ed_prev.png) no-repeat -4px 0px;
        cursor:pointer;
    }
    </style>


    <script type="text/javascript">
        jQuery(document).ready(function() {
            $("ul.carousel").simplecarousel({
                width:790,
                height:565,     
                auto: 4000,
                next: $('.next'),
                prev: $('.prev')
            });
        });    
    </script>

    <div id="carousel-wrap">
    <ul class="carousel">
      <li><img src="http://www.3balls.com/images/homepage/ads/ad_fallingprices.png" alt="Main Feature" usemap="#Map6" border="0" /></li>
      <li><img src="http://www.3balls.com/images/homepage/ads/ad_fallingprices.png" alt="Main Feature" usemap="#Map5" border="0" /></li>
      <li><img src="http://www.3balls.com/images/homepage/ads/ad_fallingprices.png" alt="Main Feature" usemap="#Map4" border="0" /></li>
    </ul>
    <span class="prev">prev</span>
    <span class="next">next</span> 
    </div>
4

2 回答 2

2

试试这个：

<script type="text/javascript">
    var $jq = jQuery.noConflict();
    $jq(document).ready(function() {
        $jq("ul.carousel").simplecarousel({
            width:790,
            height:565,     
            auto: 4000,
            next: $jq('.next'),
            prev: $jq('.prev')
        });
    });    
</script>
于 2012-11-05T18:30:46.260 回答
1

如果你想继续使用 $-sign 你可以试试这个

<script type="text/javascript">
jQuery(document).ready(function($) {
    $("ul.carousel").simplecarousel({
        width:790,
        height:565,     
        auto: 4000,
        next: $jq('.next'),
        prev: $jq('.prev')
    });
});
</script>
于 2012-11-05T18:43:06.450 回答