0

我正在看这个小提琴示例：

http://jsfiddle.net/ubEqb/

您可以在这里看到同时拖动多个元素。在这个例子中，它有 "$('.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>
4

1 回答 1

0

jQuery 中没有“拖动”方法或 jQuery UI 中的“拖动”小部件。您所指的“可拖动”确实是 jQuery UI 的一部分。您可以在此处阅读有关它的信息。

您在 jsfiddle 中看到的是 jQuery 和其他一些第三方库。如果您查看左侧的“外部资源”面板，您会看到对某个特定的引用，jquery.event.drag-2.2.js这实际上是在 jsfiddle 中定义“拖动”方法的原因。

于 2013-04-18T20:43:52.020 回答