对象不支持方法'clone'的属性

时间:2013-08-09 13:54:22

标签: jquery internet-explorer button copy clone

我在尝试克隆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

有没有人对可能出现的问题有一些建议,因为我的想法已经不多了

0 个答案:

没有答案