Как добавить shiftcheckbox в динамический сгенерированный флажок?

Question

Используйте плагин this jQuery shiftbox plugin или this one.

в JS

for (var hidx in hosts) { 
     var h = hosts[hidx]; 
     var line_html = '<tr><td><input type="checkbox" class="input shiftCheckbox" value = "'+ hidx +'" data-fullname="'+ h +'"></input></td><td>' + h + '</td> </tr>'; 
     tbody_hosts.append($(line_html)); 
} 

Это динамически.

в HTML

<script src="/static/js/jquery.shiftcheckbox.js" type= "text/javascript" ></script> 
<script type= "text/javascript" >  
    $(document).ready (function() { 
     $('.shiftCheckbox').shiftcheckbox(); 
    }); 
</script> 

Почему он не работает? Потому что это динамично?

Answer 1

Вам нужно прикрепить событие после добавления элемента, как вы не можете делегировать большую часть JQuery плагин:

for (var hidx in hosts) { 
    var h = hosts[hidx]; 
    var line_html = '<tr><td><input type="checkbox" class="input shiftCheckbox" value = "'+ hidx +'" data-fullname="'+ h +'"></input></td><td>' + h + '</td> </tr>'; 
    tbody_hosts.append($(line_html)); 

    tbody_hosts.find('.shiftCheckbox').shiftcheckbox(); 
}