javascript - 如何确保我的单击函数仅使用 Jquery 执行一次？

Question

我有每次单击按钮时都会运行的 jquery 代码，但我只希望它在单击函数中执行一次操作。否则我的 jquery 代码将在我的 tbody td 中重复值。

这是我的 jquery 代码:

  $(function () {
        $('#next-step').click(function () {
            $('#S').append($('#SubjectTypeName option:selected').text());
            $('#T').append($('#TeamName option:selected').text());
            $('#C').append($('#ConsultantName option:selected').text());
            $('#K').append($('#company option:selected').text());
            $('#KP').append($('#ContactPerson').val());
            $('#P').append($('#date').val());
        });

    });

这是 jsfiddle:http://jsfiddle.net/82U2W/

感谢任何帮助。

提前致谢!

Answer 1

我不确定我是否理解正确，如果您只想执行一次处理程序，请尝试 .one

$(function() {
    $('#next-step').one('click', function() {
        $('#S').append($('#1 option:selected').text());
        $('#C').append($('#2').val());
        $('#T').append($('#3').val());
    });
});

DEMO

或者您可能希望复制该值而不是附加该值，然后尝试如下所示，

$(function() {
    var copiedText = 'Copied Value: ';
    $('#next-step').on('click', function() {
        $('#S').text(copiedText + $('#1 option:selected').text());
        $('#C').text(copiedText +$('#2').val());
        $('#T').text(copiedText +$('#3').val());
    });
});

DEMO