javascript - 如何使 jquery 滚动功能 ui-touch-punch 与来自 Bootstrap 的响应式 div 类一起工作？

Question

没有表格响应类 div 的表格与 api jquery ui 的可排序选项完美配合，

$(document).ready (function () {
    $("#sortable").sortable ({
        scroll: true,
        scrollSensitivity: 20,
        scrollSpeed: 40,
    });
    $("#sortable").disableSelection ();
});

<table class = "table-hover table-striped">
    <tr> <td> many, many lines <td> </tr>
</table>

但是当我们将响应选项放在表中时，上述选项不起作用

<div class = "table-responsive">
     <table class = "table-hover table-striped">
              <tr> <td> many, many lines <td> </tr>
    </table>
</div>

scroll: true, scrollSensitivity: 20, scrollSpeed: 40 选项停止工作。

这些选项如何与响应率的 div 类协同工作？

Answer 1

$("# sortable").sortable ({

无效。 使用

$("#sortable").sortable ({