Question

如何使元素在jquery中可拖动和调整大小？

Answer 1

draggable和resizable都支持链接模式，因此您可以在一行中简化代码假设你有一个div和id，那个div就是你要制作可拖动和可调整大小的标题。那么jquery会像这样工作....

$(document).ready(function() {

    $("#header").draggable().resizable();
 });

在此处查看演示... DEMO
有关详细信息，请参阅本教程.... Draggable and resizable

Answer 2

除了使用jQuery之外，您还必须使用jQuery UI http://jqueryui.com/demos/。

jQuery UI将为您提供所需的所有功能。更具体地说，您需要Draggable和Resizable插件（也许Droppable也取决于您尝试的操作）。

然后，您需要执行以下操作以使其成为Draggable和Resizable：

$(document).ready(function() {

    $(".elements").draggable().resizable();
 });

Answer 3

这是原始source

// this will make <div id="box"> resizable and draggable 
$('#box').resizable().parent().draggable(); 

// same but slightly safer since it checks parent's class 
$('#box').resizable().parent('.ui-wrapper').draggable();

Answer 4

这两个功能是可拖动+可调整大小的！

    $(function() {
        $("#resizable").resizable({
            containment: "parent"
        });
        $("#resizable").draggable({
            containment: "parent"
        });
    });

如何在jquery中使元素既可拖动又可调整大小？

4 个答案: