Javascript Append元素,获取Append两次 $('label[id=“p-n-from”])。在('click',function()上{ 变量fromele=$(''); $(fromDiv).append(fromele); 返回false; });

Javascript Append元素,获取Append两次 $('label[id=“p-n-from”])。在('click',function()上{ 变量fromele=$(''); $(fromDiv).append(fromele); 返回false; });,javascript,jquery,dom,Javascript,Jquery,Dom,从…起 添加更多 到 如果只使用div添加输入,请尝试以下操作: 1-在html中添加一个div $('label[id="p-n-from"]').on('click',function() { var fromele = $('<div id="p-n-from-'+ifrom+'" class="input-control text" data-role="input"><span class="mif-location prepend-icon"><


从…起
添加更多
到

如果只使用div添加
输入,请尝试以下操作:

1-在html中添加一个div

$('label[id="p-n-from"]').on('click',function() {
    var fromele = $('<div id="p-n-from-'+ifrom+'" class="input-control text"  data-role="input"><span class="mif-location prepend-icon"></span><input id="from['+ifrom+']" placeholder =" Enter Pick Up Location"  type="text" required></div>');
    $(fromDiv).append(fromele);
    return false;           
 }); 

2-配置脚本

var fromele=“
”; $('#idiourdiv').html(fromele)
把它放在扳机前有帮助

你能给我们看一下你的HTML吗?你能检查一下handler是否被调用了两次吗?@Rohitaro添加了htmlI,创建了这个小提琴,效果很好……你能在这个小提琴中复制同样的问题吗?是的,这就是为什么我没有把JSFIDLE放在这里。问题可能是因为整个页面上存在多个句柄。我试着解开带子。这很有帮助。这真的很奇怪,我使用了你的代码。但是我添加到“from div”中的任何内容都会被添加两次。我正在用不同的方法来解决这个问题。但我想知道代码有什么问题,我也觉得很奇怪。但我想的是,在什么时刻,你称这个函数为?请尝试仅调用document.ready in time以查看结果。如果这有帮助,请检查如何将事件绑定到它。可能您绑定了不止一次。尝试过之后,它只绑定了一次。要检查的选项很少。存在多个元素,或者事件多次绑定。寻找将事件绑定到元素的函数,它是否被多次调用。
<div id='IdYourDiv'></div>
$('label[id="p-n-from"]).unbind();