首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >无线电按钮绑定不起作用

无线电按钮绑定不起作用
EN

Stack Overflow用户
提问于 2014-02-22 10:57:11
回答 1查看 59关注 0票数 1

我创建了一个div的循环,页面上有一些无线电按钮

每个单选按钮对应于一个div。因此,如果环路位于位置2,则选择无线电2,以此类推。反之亦然,如果选择无线电3,则div 3将被选中,类似于双向绑定。

代码语言:javascript
运行
复制
function anim_loop(index) {
    if(timer){
        $elements.filter('.current').stop(true, true).hide().removeClass('current');
        clearTimeout(timer)
    }
    $radios.eq(index).prop('checked', true);
    $elements.eq(index).stop(true, true).addClass('current').fadeIn(1000, function() {
        var $self = $(this);
        timer = setTimeout(function() {
            $self.fadeOut(1000).removeClass('current');
            anim_loop((index + 1) % $elements.length);
            timer = undefined;
        }, 3000);
    });
}

我也有一个左和右按钮在页面上,这也操纵循环。

有两个特定的错误是我无法修复的:

  1. 当循环到达第四台时,我必须点击右边的两次按钮,让它移动到下一个元素,在我们的例子中,第一台收音机。不知道为什么
  2. 你必须尽快在你的末端复制这个错误。当循环从第3到第4和第4开始被选中时,立即点击2。一个奇怪的事情发生了!无线电下面的文字被重叠,循环不再从2转到3,现在返回到1。不知道为什么会这样。有人能帮我吗?

http://jsfiddle.net/69nk3/

EN

回答 1

Stack Overflow用户

发布于 2014-02-22 12:28:37

这是因为你要发送4作为索引。

在anim_loop函数的开头添加一个检查。

代码语言:javascript
运行
复制
function anim_loop(index) {
    if(index == $elements.length){
        index = 0;
    }

http://jsfiddle.net/69nk3/3/

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/21953287

复制
相关文章

相似问题

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