The Chosen Plugin dla jQuery (tutaj:http://harvesthq.github.com/chosen/ ) dodaje dodatkową funkcjonalność do wybierania elementów HTML. Mogę dodać funkcjonalność do początkowych elementów załadowanych na stronie za pomocą następującego kodu:

<code>$(document).ready(function(){
$(".chosenProperties").data("placeholder","Select properties...").chosen();
$(".chosenType").data("placeholder","Type...").chosen();
$(".chosenInstance").data("placeholder","Instance...").chosen()
</code>

To działa. Wszystkie trzy klasy wybranych elementów pojawiają się w div o nazwie #newGroup. Istnieje przycisk strony, która „dodaje” nową grupę, która klonuje div #newGroup i dodaje ją tuż pod pierwszą.

Zawiera te same elementy. Jednak gdy próbuję dodać wybraną funkcjonalność do wybranych elementów sklonowanego div, są one zamrożone. Interfejs wygląda tak samo jak pierwszy, więc Chosen jest ładowany, ale kiedy go klikam, nic się nie dzieje. Oto kod:

<code>    $( '#swl-add-group-button' ).click( function() {
    //addGroupToGUI();
    createClassAddRow();

} );


var rowNum = 0;     
function createClassAddRow() {
    rowNum++;
    newRow = jQuery('#newGroup').clone().css('display', '');
    newHTML = newRow.html().replace(/0/g, 1);
    newRow.initializeJSElements();
    newRow.html(newHTML);
    newRow.initializeJSElements();
    jQuery('#mainTable').append(newRow);
    addGroup(newRow);
}

jQuery.fn.initializeJSElements = function (){
    this.find(".chosenProperties").each( function() {
        alert('test');
        if($(".chosenProperties").data("placeholder", "Select properties...").chosen()){
            alert('test2');
        }
    });
    this.find(".chosenType").each( function() {
        jQuery(this).data("placeholder","Type...").chosen();
    });
    this.find(".chosenInstance").each( function(){
        jQuery(this).data("placeholder", "Instance...").chosen();
    })

}
</code>

Pojawią się oba alerty, test i test2. Myślę, że jQuery jest ładowany, ale z jakiegoś powodu nie działa. Ponadto, nie jestem pewien, czy to robi różnicę, ale gdy najeżdżam na wybrane elementy sklonowanego div, to mówi javascript: void (1), podczas gdy po najechaniu na oryginał mówi javascript: void (0).