克隆后统一无线电不起作用

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