jquery append 创建两个 div 元素

Question

我需要通过 jquery 将 div 元素添加到另一个 div，但它创建了两个 div

$('div.col-direction').append('<div id="newset"></div>');

Answer 1

发生这种情况是因为该函数与处理程序绑定(bind)了两次，可以通过 jQuery.unbind() 方法将其删除。见Documentation

假设你在点击按钮ID“btn”时写字

然后代替

$("#btn").click(function(){
    $('div.col-direction').first().append('<div id="newset"></div>');
});

使用

x=$("#btn");
x.unbind('click');
x.click(function(){
    $('div.col-direction').first().append('<div id="newset"></div>');
});