未捕获的TypeError:对象[object Object]没有方法'iosSlider'

时间:2013-07-17 19:38:20

标签: jquery

期待专家的帮助...... 我们的网站使用iosSlider(https://iosscripts.com/iosslider/)作为移动滑块...但是,在Chrome Inspector中,我收到以下错误

Uncaught TypeError: Object [object Object] has no method 'iosSlider'

我已经检查过,在调用iosSlider js之前,jQuery只在头部加载一次......这是:

$(document).ready(function() {

    /* some custom settings */
    $('.iosSlider').iosSlider({
        desktopClickDrag: true,
        snapToChildren: true,
        infiniteSlider: true,
        navSlideSelector: '.sliderContainer .slideSelectors .item',
        scrollbar: true,
        scrollbarContainer: '.sliderContainer .scrollbarContainer',
        scrollbarMargin: '0',
        scrollbarBorderRadius: '0',
        keyboardControls: true
    });

});

也尝试了

$(document).ready(function() {

    /* some custom settings */
   jQuery('.iosSlider').iosSlider({
        desktopClickDrag: true,
        snapToChildren: true,
        infiniteSlider: true,
        navSlideSelector: '.sliderContainer .slideSelectors .item',
        scrollbar: true,
        scrollbarContainer: '.sliderContainer .scrollbarContainer',
        scrollbarMargin: '0',
        scrollbarBorderRadius: '0',
        keyboardControls: true
    });

});

无济于事......有什么帮助吗?


更新:这就是我们调用库的方式:

 <script src="js/vendor/modernizr-2.6.2.min.js"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js" type="text/javascript"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/jquery.mobile.custom.min.js"></script>
        <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.0.4/js/bootstrap-collapse.js"></script>
        <script src="//twitter.github.io/bootstrap/assets/js/bootstrap-carousel.js"></script>
        <script src="/js/jquery.iosslider.min.js"></script>
        <script src="js/corecalls.js"></script>

在corecall.js

中调用iosslider函数

2 个答案:

答案 0 :(得分:0)

似乎没有包含iosSlider插件。它应该包含在jQuery之前和jQuery('.iosSlider').iosSlider({调用之前

答案 1 :(得分:0)

它是一个加载问题的顺序。你需要首先加载JQuery然后加载滑块的iosSlider.js。我将把它添加到http://www.WebsiteDesignAndSupport.com

所以matthew.perron的回答是正确的。