期待专家的帮助...... 我们的网站使用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函数答案 0 :(得分:0)
似乎没有包含iosSlider插件。它应该包含在jQuery之前和jQuery('.iosSlider').iosSlider({
调用之前
答案 1 :(得分:0)
它是一个加载问题的顺序。你需要首先加载JQuery然后加载滑块的iosSlider.js。我将把它添加到http://www.WebsiteDesignAndSupport.com
所以matthew.perron的回答是正确的。