使用这个jQuery移位盒插件插件或这一个。
in 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));
}这是动态生成的。
在中的应用
<script src="/static/js/jquery.shiftcheckbox.js" type= "text/javascript" ></script>
<script type= "text/javascript" >
$(document).ready (function() {
$('.shiftCheckbox').shiftcheckbox();
});
</script>为什么不起作用?因为它是动态的?
发布于 2015-08-12 08:15:58
您需要在追加元素之后附加事件,因为您不能委派大部分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();
}https://stackoverflow.com/questions/31959582
复制相似问题