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

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

您可以指定任意数量的选择器组合成一个结果。这种多表达组合子是一种有效的方法选择不同的元素。中的DOM元素的顺序返回的jQuery对象可能不一样，因为它们将在文件订单。这个组合子的替代方法是.add（）方法

例如

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

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

请参阅http://api.jquery.com/multiple-selector/以供参考。

Answer 2

一个好的做法是添加如下的类：

＆＃13;

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

＆＃13;

使用jquery draggable UI使项目可拖动

2 个答案: