Jquery 按钮不多次执行事件

Jquery 按钮不多次执行事件,jquery,onclick,Jquery,Onclick,我正在使用一个脚本,在tr之后添加一个新行(),在tr中单击我的按钮(要单击)。 我不希望同一个按钮产生多个tr。以下是脚本: <script> $(function() { var done; $('table.listtable td input.selectseat').click(function() { if( done ) return; done = true;

我正在使用一个脚本,在tr之后添加一个新行(),在tr中单击我的按钮(要单击)。 我不希望同一个按钮产生多个tr。以下是脚本:

<script>

 $(function() {
        var done;
        $('table.listtable td input.selectseat').click(function() {

            if( done ) return;
            done = true;
           $(this).parent().parent().after('<tr class="seating"><td colspan="6"></td></tr>');
        });
    }); 

</script>
添加是为了防止按钮已被单击,而不是生成更多的行,但在所有按钮单击一次后不会生成新行。 请帮忙。

这就是我们的目的

这就是为什么


在只需单击一次的按钮上使用jquery.one()。在只需单击一次的按钮上使用jquery.one()。感谢您的回答,@recursive,它现在可以工作了。但是你也可以告诉我,我如何使用相同的.one()方法来实现我以前的效果,即无论有多少个按钮,只需单击一次即可。我提供的代码应该应用于整个文档中所有匹配的元素。谢谢你的回答,@recursive,它现在可以工作了。但是,您能否告诉我,如何使用与以前相同的.one()方法,即无论有多少个按钮,都只需单击一次,我提供的代码应该应用于整个文档中所有匹配的元素。
if( done ) return;
            done = true;
$('table.listtable td input.selectseat').one('click', function() { ... } );