每次用户按下按钮时,我都会生成一个表。生成的表应该是可排序的,尽管 jquery 的可排序仅适用于服务器端生成的表。
生成表:
<script>
$(document).on('click', '.addMenu', function() {
$('.empty-table').after('<table class="account-subheader"><tbody class="connectedSortable"><tr><td colspan=5></td></tr></tbody> </table>');
//$(".empty-table").append($(".account-subheader"));
});
</script>
可排序函数:
<script>
$(document).ready( function() {
$( ".connectedSortable" ).sortable({
connectWith: ".connectedSortable",
receive: function(event, ui) {
$.ajax({
// Some ajax calls
},
success: function(response) {
if (response.status == "success") {
console.log(response);
} else {
console.log(response);
}
}
});
}
}).disableSelection();
});
</script>
最佳答案
您需要在生成 HTML 后调用 sortable
函数。
尝试将 sortable
函数保留在 JavaScript 方法中,并从 document.ready
和 click
事件调用该方法。
希望这有帮助。
关于javascript - 使用 javascript 生成的 html 代码不适用于 jquery sortable,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51008080/