Javascript 删除元素的JS函数不起作用
我从网站上获得了这段代码,它在jsfidle上运行得很好,但是当我把它放到我的网站上时,当我点击它时,删除链接没有任何作用 注意:我已将live替换为on 代码: HTML: JS: 首先将remScnt更改为一个类,因为它将在DOM中多次出现 试试下面的方法Javascript 删除元素的JS函数不起作用,javascript,jquery,html,function,Javascript,Jquery,Html,Function,我从网站上获得了这段代码,它在jsfidle上运行得很好,但是当我把它放到我的网站上时,当我点击它时,删除链接没有任何作用 注意:我已将live替换为on 代码: HTML: JS: 首先将remScnt更改为一个类,因为它将在DOM中多次出现 试试下面的方法 $(document).on('click','.remScnt', function() { if( i > 2 ) { $(this).parents('p').remove(); i--;
$(document).on('click','.remScnt', function() {
if( i > 2 ) {
$(this).parents('p').remove();
i--;
}
return false;
});
您提供了一个指向JSFIDLE的链接,该链接可以工作,并且您发布的代码完全相同,这意味着它也可以工作。我们该如何帮助你?试着用小提琴再现你一直在做的事情,并更新你的问题。你使用的是哪个版本的jQuery?@dcodesmith jQuery-2.0。3@FlorianF. 例如,它可以在JSFIDLE上工作,但当我复制粘贴到网站上时,只有函数的前半部分可以工作,即添加输入字段的部分,另一部分不能工作。@user3214754很乐意提供帮助。如果你愿意的话,把它当作一个被接受的答案。我想这意味着点击绿色复选标记,对吗?如果是这样,我很乐意。@Bob是的,就是这样。快乐编码。
$(function() {
var scntDiv = $('#p_scents');
var i = $('#p_scents p').size() + 1;
$('#addScnt').live('click', function() {
$('<p><label for="p_scnts"><input type="text" id="p_scnt" size="20" name="p_scnt_' + i +'" value="" placeholder="Input Value" /></label> <a href="#" id="remScnt">Remove</a></p>').appendTo(scntDiv);
i++;
return false;
});
$('#remScnt').live('click', function() {
if( i > 2 ) {
$(this).parents('p').remove();
i--;
}
return false;
});
});
$(document).on('click','.remScnt', function() {
if( i > 2 ) {
$(this).parents('p').remove();
i--;
}
return false;
});