jQuery什麼是.drag？同時拖動多個元素不工作

你可以看到，在同一時間拖動多個元素在這裏工作。在這個例子中，它有「$（'。drag'）。drag（」init「，function（ev，dd）」

什麼是'.drag'部分？我是jquery的新手， 'draggable'，並且我找不到任何'.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>

來源

2013-04-18 sugarmuff

有jQuery中沒有「拖」法或「拖」的widget jQuery用戶界面，在「可拖動」你指的確實是jQuery用戶界面的一部分。你可以閱讀一下here。

你在jsfiddle中看到的是jQuery和其他一些第三方庫。如果你看看左邊的「外部資源」面板，你會看到有一個對某個jquery.event.drag-2.2.js的引用，它實際上是在jsfiddle中定義了「拖拽」方法。

來源

2013-04-18 20:43:52 chrisd84

jQuery什麼是.drag？同時拖動多個元素不工作

回答

相關問題