动态添加的类的元素变得不可点击答案

【问题标题】：Element to which Class added dynamically has become unclickable动态添加的类的元素变得不可点击
【发布时间】：2013-04-05 22:59:04
【问题描述】：

我已经创建了一个电梯功能[有 2 个楼层和对应的每个人都有一个复选框。根据选中的复选框，电梯赶紧去那层楼。

我不确定如何实现的几件事是：

无论我在哪里动态添加了“未选中”类，该元素看起来好像不是可点击。如何让它可点击？
橙色电梯在水平移动和停止时如何减慢它的速度
复选框在哪里被选中？

小提琴可在以下网址获得：[http://jsfiddle.net/hurricaneankit/rJ4Py/12/]

【问题讨论】：

不应该是单选按钮，因为它只能在一层吗？另外，我不相信特别是复选标记上的动画是可能的。除非您在某处有自己的自定义支票图片。
六边形，请你看一下小提琴：jsfiddle.net/hurricaneankit/rJ4Py/12

标签： jquery class checkbox selector jsfiddle

【解决方案1】：

我想这就是你要找的东西-jsFiddle

$(document).ready(function () {
    $("#check1, .checked1").click(function () {
        $('.checked1').addClass('fade');
        $('.checked2').removeClass('fade');
        $("#groundDiv").animate({
            "top": "0px"
        }, 2000);
    });
});
$(document).ready(function () {
    $("#check2, .checked2").click(function () {
        $('.checked2').addClass('fade');
        $('.checked1').removeClass('fade');
        $("#groundDiv").animate({
            "top": "-65px"
        }, 2000);  
    });
});

css-

.fade{
    -webkit-animation: fade 3.5s;
    -moz-animation: fade 3.5s;
    -o-animation: fade 3.5s;
    animation: fade 3.5s;
}
@keyframes fade{
    0%{opacity:0;}
    50%{opacity:1;}
    100%{opacity:0;}
}

【讨论】：

非常感谢 apaul34208...。当橙色电梯到达该复选框时，您能否提供输入如何使复选框取消选中[某种淡出到取消选中状态]。
在新的小提琴中，橙色电梯正在向上移动，但复选框没有被选中或取消选中......请看一下。
嗨 apaul34208...你能帮我解决这个问题吗...在你的新小提琴中，橙色电梯正在向上移动，但复选框没有被选中或取消选中
你用的是什么浏览器？
我在 jsFiddle 中添加了常用的浏览器前缀。请注意，淡入淡出效果在旧版本的 IE 上不起作用，因为不支持关键帧。