jQuery JqDnR是一款jQuery插件,可帮助我们实现可拖拽和可调整大小的DOM元素。
// 引用jQuery和JqDnR <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/jqdnr/dist/jquery.jqdnr.min.js"></script> // 可拖拽 $('.drag').jqDrag(); // 可拖拽且可调整大小 $('.drag-resize').jqDrag({ resize: true });
通过调用.jqDrag()函数,我们可以使选择器所选元素可拖拽。如果要使其可调整大小,则需要在选项对象中将resize设置为true。
JqDnR还提供了许多其他选项,例如控制是否在mousedown时立即移动/调整大小,限制移动/调整大小的范围等等。您可以在官方文档中查看所有选项。
总之,jQuery JqDnR是一个非常方便的工具,可以提高我们的用户界面的交互性和实用性。
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://www.haodehen.cn/did236578