Question

这是我的第一篇文章，首先请原谅我的英语不好。

我遇到了一个我无法解决的问题：

我有<table>个问题，

第一个问题是可见的（类：可见），其他问题是隐藏的（类：隐藏）
```
        $(document).ready(function(){
        $('.hidden').hide();
```
当人们点击第一个问题时，我想要出现第二个问题（并且第一个问题转为灰色，使用'完成'类）。

$('.visible:not(.done)').click(function(){ 
                $(this).addClass('done'); 
                $('.hidden:first').toggle(500).removeClass('hidden').addClass('visible');
            })

第一个问题现在已经完成（类：完成），第二个问题应该是唯一一个对click（）做出反应的问题，等等......但它不起作用：另一个{{1} }只有在我点击第一个<tr>时才会出现。

有人可以帮我解决这个问题吗？谢谢。

Answer 1

由于您是动态添加类，而Click事件处理程序是基于类的选择器，因此您必须使用.live()事件。

$('.visible:not(.done)').live("click", function(){ 
    $(this).addClass('done'); 
    $('.hidden:first').toggle(500).removeClass('hidden').addClass('visible');
});

<强> Working Demo

用Jquery动态改变类的类

1 个答案: