我在尝试克隆HTML的特定部分时遇到了问题。
我有一个重复按钮,它复制了最后添加的元素,例如div包含一个输入框,如果他们想要添加另一个,或者他们也有重复,那就是复制它。
除了Internet Explorer(所有版本都是从8开始)之外,这似乎在所有浏览器上都可以正常工作。
我一直收到错误对象不支持属性或方法'克隆'
首先我必须将按钮的click事件发送到函数'add_another_repeat',因为可能存在多个add_another按钮并且我必须定位最近的父对象
$('p.add_another').unbind('click').click(function(e){
e.preventDefault();
var next = $(this).closest('.option').find('.repeat_block:last').find('p input[type="checkbox"]').attr('name');
next = next.replace(/elements\[[A-Za-z0-9\_]+\]\[[A-Za-z0-9\_]+\]\[([0-9]+)\]/, '$1');
add_another_repeat($(this),next);
return false;
});
add_another函数
function add_another_repeat(ev,i) {
//alert('I: '+i);
parent = ev.closest('.option').find('.repeat_block:last');
// make copy and add to DOM
var add = parent.clone();
parent.after(add);
// increment the array keys
var r = add.find('p input[type="checkbox"]').attr('name'),
pattern = '\['+i+'\]',
regex = new RegExp(pattern,'g'),
next = parseInt(i)+1;
add.find('p input[type="checkbox"]').attr('name', r.replace(regex, next));
add.find('input,textarea,select').each(function(){
r = $(this).attr('name');
pattern = '\['+i+'\]',
regex = new RegExp(pattern,'g');
$(this).attr('name', r.replace(regex, next));
//$(this).val('');
r = $(this).attr('id');
pattern = '\_'+i;
regex = new RegExp(pattern, 'g');
$(this).attr('id', r.replace(regex, '_'+next));
});
$('p.add_another button').unbind('click').click(function(){
add_another_repeat($(this),next);
return false;
});
// tidy up the first elements
//parent.find('h3 input[type="checkbox"]').attr('checked', 'checked'); //.attr('disabled', true);
parent.find('p.add_another').remove();
return false;
}
错误似乎出现在此行var add = parent.clone();
上,但仅限于 IE ONLY
有没有人对可能出现的问题有一些建议,因为我的想法已经不多了