javascript - 选择带有克隆(true，true)的JS，在追加时重新渲染

Question

我正在使用 Chosen JS jQuery 插件，并且我试图让它在每次将克隆元素(使用 true、ture - 这是因为我需要复制单击事件)附加到 dom 时重新渲染。

这是我的代码:

    var container = jQuery(self.options.parent_class + ' tbody tr:first-child'),
    container_clone = container.clone(true,true);

    var elem = container_clone.find('select');
    elem.chosen('destroy');
    elem.chosen();

    return container_clone;

这是 fiddle :http://jsfiddle.net/udj7t/1/

Answer 1

试试这个，

$(document).ready(function(){
    $('select').chosen();
    $('a#clone_me').on('click', function(){
        var $clone = jQuery('#toClone select:first').clone();
        $clone.removeAttr('style');
        //$clone.chosen('destroy');
        jQuery('#toClone').append($clone);
        jQuery('#toClone select:last').chosen();
    });
});

<强> Demo