我已经使用jquery Ui在两个不同的选项卡中制作了两个jcarousel滑块...
当我更改选项卡部分时,滑块必须重置(或)重新加载并移动到它的第一个图像。
我使用过这个脚本
jQuery(document).ready(function() {
jQuery('#mycarousel').jcarousel();
jQuery('#mycarousel2').jcarousel();
$( "#tabs" ).tabs();
});
我尝试了这个脚本,但对代码没有任何影响
<script type="text/javascript">
var theModelCarousel = null;
function modelCarousel_initCallback(carousel) {
theModelCarousel = carousel;
};
jQuery('#tabs-2').click(function() {
jQuery('#mycarousel').jcarousel({
initCallback: modelCarousel_initCallback
});
});
function clearModelCarousel() {
theModelCarousel.reset();
}
</script>
如果我切换到另一个选项卡(不刷新页面),如何重置滑块。
为了便于理解,我在这里做了一个BIN。
发布于 2013-04-06 19:30:00
参考API
这真的是一个简单的问题
http://sorgalla.com/jcarousel/docs/reference/api.html
.jcarousel('reload' [, options])
发布于 2013-01-24 12:47:30
您可以尝试使用jcarousel中的重装选项
.jcarousel('reload' [, options])
jCarousel API
$('.jcarousel').jcarousel('reload', {
'animation': 'slow'
});
发布于 2013-06-27 05:31:31
jQuery('#mycarousel').data('jcarousel').scroll(0);
这将重置您的旋转木马到起始位置;
或者,如果在函数中有carousel对象
carousel.scroll(0);
https://stackoverflow.com/questions/14493962
复制相似问题