首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >选项卡更改时重置或重新加载Jcarousel

选项卡更改时重置或重新加载Jcarousel
EN

Stack Overflow用户
提问于 2013-01-24 12:26:40
回答 5查看 9.9K关注 0票数 3

我已经使用jquery Ui在两个不同的选项卡中制作了两个jcarousel滑块...

当我更改选项卡部分时,滑块必须重置(或)重新加载并移动到它的第一个图像。

我使用过这个脚本

代码语言:javascript
运行
复制
jQuery(document).ready(function() {
  jQuery('#mycarousel').jcarousel();
  jQuery('#mycarousel2').jcarousel();
  $( "#tabs" ).tabs();
});

我尝试了这个脚本,但对代码没有任何影响

代码语言:javascript
运行
复制
<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

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2013-04-06 19:30:00

参考API

这真的是一个简单的问题

http://sorgalla.com/jcarousel/docs/reference/api.html

代码语言:javascript
运行
复制
 .jcarousel('reload' [, options])
票数 2
EN

Stack Overflow用户

发布于 2013-01-24 12:47:30

您可以尝试使用jcarousel中的重装选项

代码语言:javascript
运行
复制
.jcarousel('reload' [, options])

jCarousel API

代码语言:javascript
运行
复制
$('.jcarousel').jcarousel('reload', {
    'animation': 'slow'
});
票数 3
EN

Stack Overflow用户

发布于 2013-06-27 05:31:31

代码语言:javascript
运行
复制
jQuery('#mycarousel').data('jcarousel').scroll(0);

这将重置您的旋转木马到起始位置;

或者,如果在函数中有carousel对象

代码语言:javascript
运行
复制
carousel.scroll(0);
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14493962

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档