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