Question

我已经实现了一个无限的旋转木马，但我现在收到以下错误消息

对象＃没有方法'carouFredSel'

我编辑了一些现在正在运行的菜单的代码但是两个脚本之间可能存在冲突吗？

http://www.ogormanconstruction.co.uk/basingstoke-treatment-works

使用Javascript：

<script type="text/javascript">
jQuery(document).ready(function() {
    var imgLength = jQuery('ul#fredsel img').length;
    jQuery('#totalImg').html(imgLength);
    jQuery('#imgCount').html(1);

    // Using custom configuration
    // Using custom configuration
    jQuery("#fredsel").carouFredSel({
        items: 1,
        align: false,
        auto: false,
        width: 1500,
        scroll : {
            items           : 1,
            duration        : 1000,
            pauseDuration   : 2000
        },
        prev: {
            button : "a.prev-slide",
            onBefore : function() { 
                var theCount = parseInt(jQuery('#imgCount').html());
                if (theCount === 1){
                    var theLength = jQuery('ul#fredsel img').length;
                    jQuery('#imgCount').html(theLength);
                } else {
                   jQuery('#imgCount').html(theCount-1);
               };
          },
       },
       next: { 
           button : "a.next-slide",
           onBefore : function() { 
               var theLength = jQuery('ul#fredsel img').length;
               var theCount = parseInt(jQuery('#imgCount').html());
               if (theCount === theLength){
                   jQuery('#imgCount').html(1);
               } else {
                   jQuery('#imgCount').html(theCount+1);
               };
           },
        }
    })
    .find("li").click(function() {
        jQuery("#fredsel").trigger("slideTo", [jQuery(this)]);
    }).css("cursor", "pointer")

});

</script>

CSS：

<div class="infinite-carousel">
    <ul id="fredsel">
        <li style="width: 600px"><img src="/wp-content/themes/child/images/basingstoke/basingstoke-1.png"></li>
        <li style="width: 600px"><img src="/wp-content/themes/child/images/basingstoke/basingstoke-2.png"></li>
        <li style="width: 600px"><img src="/wp-content/themes/child/images/basingstoke/basingstoke-3.png"></li>
        <li style="width: 600px"><img src="/wp-content/themes/child/images/basingstoke/basingstoke-4.png"></li>
        <li style="width: 600px"><img src="/wp-content/themes/child/images/basingstoke/basingstoke-5.png"></li>
        <li style="width: 600px"><img src="/wp-content/themes/child/images/basingstoke/basingstoke-6.png"></li>
        <li style="width: 600px"><img src="/wp-content/themes/child/images/basingstoke/basingstoke-7.png"></li>
    </ul>
</div>

<div class="controls">
    <a href="#" class="prev-slide"></a>
    <a href="#" class="next-slide"></a>
</div>

Answer 1

您似乎多次添加jQuery（以及其他脚本），carouFredSel被覆盖。

Object＃<object>没有方法'carouFredSel'</object>

1 个答案: