Jquery:在"点击"上只附加一次div

Question

我想追加section到div一个按钮的点击.

我希望section仅在第一次单击时附加,我在下面使用的代码section每次单击时都会附加div.

我该怎么办呢？

$("#nextractorapply").click(function () {
    $("#main").append('<section id="nextractor" class="five"> </section>');  
});

Answer 1

你可以使用one(),只发射一次

$("#nextractorapply").one('click', function () { 
    // executes only once

     $("#main").append('<section id="nextractor" class="five"> </section>');  
});

$("#nextractorapply").on('click', function () { 
    // executes every time

    // do other stuff
});

Answer 2

使用条件来确定它是否存在.

$("#nextractorapply").click(function () {
    if($('#nextractor').length < 0){
        $("#main").append('<section id="nextractor" class="five"> </section>');
    }  
});

Answer 3

您可以使用某种阻止其多次附加的条件.

var counter=0;
$("#nextractorapply").click(function () {
    if(counter<=0){
        $("#main").append('<section id="nextractor" class="five"> </section>');  
        counter++;
    }

    //YOUR OTHER STUFF THAT YOU NEED TO EXECUTE ON EVERY CLICK
});