统一收音机在克隆后不工作

Question

我克隆了一块HTML，然后将它附加到表单中。单选按钮不.clone后工作。

例子：http://jsfiddle.net/JNCFP/169/

HTML：

<form> 
    <div class="formElement"> 
     <input type="radio" name="radio" /> 
     <input type="text" name="text[]" /> 
     <button class="button" type="button">Clone</button> 
    </div> 
</form> 

的JavaScript：

$(function() { 
    // Uniform every form element 
    $('input, select').uniform(); 

    // clone Div 
    $('form .button').click(function() { 
     var el = $(this).parents('.formElement'); 
     $(el).clone(true).insertAfter($(el)); 
    }); 
}); 

Answer 1

你需要调用.uniform()你复制它后再次，因此它可以初始化对新元素的插件：

// Uniform every form element 
$(function() { 
    // Show browser information 
    $('input, select').uniform(); 

    $('form').on('click', '.button', function() { 
     var el = $(this).parents('.formElement'); 
     $(el).clone().insertAfter($(el)); 
     $('input, select').uniform(); 
    }); 

}); 

Fiddle