我在我的网站上使用jquery代码来控制幻灯片放映。我收集了一些本应使用jquery 1.7.1版本的代码。它工作得很好,但当使用jquery最新版本时,我的代码就不起作用了。这两个版本之间有很大区别吗?有没有办法修复它,因为我想使用jquery的最新版本。
这是我的js代码:
function slideshow(){
var $descriptions = $('#carousel-descriptions').children('li'),
$controls = $('#carousel-controls').find('span'),
$carousel = $('#carousel')
.roundabout({childSelector:"li", minOpacity:0, maxOpacity:1, minScale: 1, btnNext: ".next", btnPrev:".prev",})
.on('focus', 'li', function() {
var slideNum = $carousel.roundabout("getChildInFocus");
$descriptions.add($controls).removeClass('current');
$($descriptions.get(slideNum)).addClass('current');
$($controls.get(slideNum)).addClass('current');
});
$controls.on('click dblclick', function() {
var slideNum = -1,
i = 0, len = $controls.length;
for (; i<len; i++) {
if (this === $controls.get(i)) {
slideNum = i;
break;
}
}
if (slideNum >= 0) {
$controls.removeClass('current');
$(this).addClass('current');
$carousel.roundabout('animateToChild', slideNum);
}
});
}
如果需要的话,我也可以做一个jsfiddle,但也许有人可以在我的代码中看到与新的jquery版本的冲突?
非常感谢您的帮助,
加载jQuery后,使用:http://code.jquery.com/jquery-migrate-1.2.1.js这应该有助于