javascript - 使用 jquery Draggable UI 使项目可拖动

Question

我有一个 html 页面，它有一个 jQuery 可拖动功能 --

function Drag() {
    $(function () {
        $($("span")).draggable({
            containment: "document"

        });
    });
      $(function () {
        $($("li")).draggable({
            containment: "document"

        });
    });
      $(function () {
        $($("a")).draggable({
            containment: "document"

        });
    });
      $(function () {
        $($("div")).draggable({
            containment: "document"

        });
    });
}

但是我不想为每个元素添加这样的内容，这会花费我很多时间， 而且对我没有任何好处......

知道如何循环抛出页面中的元素并对每个元素进行可拖动。

谢谢!

Answer 1

一个好的做法是添加如下所示的类:

$( ".draggable" ).draggable({
   containment: "document 
});