Question

脚本：

window.onload = function(){

    $("a.prevent-default").click(function(event) {
         event.preventDefault(); 
    });

 };
function add(exp){
//x
    $("a").click(function(){

        $(".first").append('<div class="'+exp+'"></div>');


    });
}

问题在于每次执行此功能时都会点击否。添加/追加的div加倍，但我希望一次只能附加一个块。

请帮助！

Answer 1

您可以使用.html()替换整个内容，而不是添加内容，而不是添加内容：

 $(".first").html('<div class="'+exp+'"></div>');

您也可以先清空元素，然后追加：

 $(".first").empty();
 $(".first").append('<div class="'+exp+'"></div>');

Answer 2

function add(exp){
  $("a").click(function(event){
    if ($(this).hasClass('prevent-default')) {
        event.preventDefault();
    } else {
        $(".first").append('<div class="'+exp+'"></div>');
    }
  });
}

Jquery在点击时调用一个函数

2 个答案: