統一收音機在克隆後不工作

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