jQuery什么是。拖动?同时拖动多个图元不起作用

jQuery什么是。拖动?同时拖动多个图元不起作用,jquery,jquery-ui-draggable,Jquery,Jquery Ui Draggable,我在看这个小提琴的例子: 您可以看到,在这里同时拖动多个图元是有效的。在本例中,它有“$('.drag').drag”(“init”,function(ev,dd)” 什么是“.drag”部分?我是jquery新手,认为它是“可拖动的”,但我找不到任何“.drag”真正起作用的官方文档 如果我将此小提琴中的文本复制到我的html中,它将不起作用。以下是我得到的: <!DOCTYPE html> <head> <style> .drag { posit

我在看这个小提琴的例子:

您可以看到,在这里同时拖动多个图元是有效的。在本例中,它有“$('.drag').drag”(“init”,function(ev,dd)”

什么是“.drag”部分?我是jquery新手,认为它是“可拖动的”,但我找不到任何“.drag”真正起作用的官方文档

如果我将此小提琴中的文本复制到我的html中,它将不起作用。以下是我得到的:

<!DOCTYPE html>
<head>
<style>
.drag {
    position: absolute;
    border: 1px solid #89B;
    background: #BCE;
    height: 58px;
    width: 58px;
    cursor: move;
    top: 120px;
}
</style>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
<script src="https://dl.dropboxusercontent.com/u/286533/jquery-1.9.1.min.js"></script>
<script src="https://dl.dropboxusercontent.com/u/286533/jquery-ui.js"></script>
</head>
<body>
 <p>Click to select multiple boxes, and drag them around the screen.</p>
    <div id="test" class="drag" style="left:20px;">Square 1</div>
    <div class="drag" style="left:100px;"></div>
    <div class="drag" style="left:180px;"></div>
</body>
<script>    
$('.drag').drag("init", function(ev, dd) {
    if (this.id == "test") {
        return $(".drag").addClass("selected");
    }
}).drag(function(ev, dd) {
    if (ev.target.id == "test") {
        $(this).css({
            top: dd.offsetY,
            left: dd.offsetX
        });
    }
});
</script>
</html>

.拖{
位置:绝对位置;
边框:1px实心#89B;
背景:#BCE;
高度:58px;
宽度:58px;
光标:移动;
顶部:120px;
}
单击以选择多个框,并在屏幕上拖动它们

广场1 $('.drag')。拖动(“init”,函数(ev,dd){ 如果(this.id==“测试”){ 返回$(“.drag”).addClass(“选定”); } }).阻力(功能(ev、dd){ 如果(ev.target.id==“测试”){ $(this.css)({ 顶部:dd.offsetY, 左:dd.offsetX }); } });
jQuery中没有“拖动”方法,也没有jQuery UI中的“拖动”小部件。您所指的“可拖动”实际上是jQuery UI的一部分。您可以了解它

您在JSIDLE中看到的是jQuery和其他一些第三方库。如果您查看左侧的“外部资源”面板,您会看到有一个对某个
jQuery.event.drag-2.2.js
的引用,它实际上定义了JSIDLE中的“drag”方法