Question

为什么TypeError: $(...).slides is not a function 是jquery引用的不对吗

$(function () {
$('#slides').slides({
preload: true,
preloadImage: 'img/loading.gif',
play: 5000,
pause: 2500,
hoverPause: true,
animationStart: function (current) {
$('.caption').animate({
bottom: -35
}, 100);
if (window.console && console.log) {
// example return of current slide number
console.log('animationStart on slide: ', current);
};
},
animationComplete: function (current) {
$('.caption').animate({
bottom: 0
}, 200);
if (window.console && console.log) {
// example return of current slide number
console.log('animationComplete on slide: ', current);
};
},
slidesLoaded: function () {
$('.caption').animate({
bottom: 0
}, 200);
}
});
});

Answer 1

1、这个问题，属于js问题，根据以往的经验，首先要看js语法有没有错误，查看了下，没有错误。

2、最后，就要考虑是不是没有导入jquery包，发现确实没有导入：<script src="${webAppUrl}/common/scripts/jquery.easyui.min.js" type="text/javascript"></script>，这个包导入之后，完美解决问题。

其他方法：

1、解决办法是：将jquery-form.js文件引入页面即可。

2、将jQuery引入重复。

Answer 2

jquery手册里只见 slideDown,slideToggle,slideUp;没有slides

追问

我引用的是

为什么在html页面可以显示，在aspx页面就不显示，这个js脚本是图片轮播的

追答

你调试看看slides.min.jquery.js 真的被引入到页面没有

追问

我对jquery了解的不深啊，能否加你球球帮忙调一下，求大神指点啊~~

追答

交换一下位置

看看是不是slides依赖于jquery的原因

Answer 3

引入zepto.js和touch.js时，必须为前者引入在前
否则就会报错