使用jquery可拖放的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 
});

​

Answer 2

您可以使用jQuery的多个选择器

您可以指定任意数量的选择器来组合成一个结果。这个多表达式组合器是选择不同元素的有效方法。返回的jQuery对象中DOM元素的顺序可能不相同，因为它们将按文档顺序排列。这个组合器的一个替代方法是.add()方法。

例如

$("span, li, a, div").draggable({
    containment: "document"
});

您可能需要调整您要获取的元素，因为这将适用于您指定的所有元素。

参考见http://api.jquery.com/multiple-selector/。