如何使jquery滚动功能ui-touch-punch与Bootstrap中的响应div类一起使用? [英] How to make jquery scroll functions ui-touch-punch work with responsive div class from bootstrap?

问题描述

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

Table without table-responsive class div works perfectly with the sortable options of 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>

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

But when we put the responsiveness option in the table the options described above do not work

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

滚动:true，滚动灵敏度:20，scrollSpeed:40个选项停止工作.

The scroll: true, scrollSensitivity: 20, scrollSpeed: 40 options stop working.

这些选项如何与resposivity的div类一起使用?

How do these options work together with the div class of resposivity?

推荐答案

$("# sortable").sortable ({

无效. 使用

$("#sortable").sortable ({

这篇关于如何使jquery滚动功能ui-touch-punch与Bootstrap中的响应div类一起使用?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！