我正在读这个:http://dojotoolkit.org/reference-guide/1.9/dojo/dnd/Moveable.html但这个指南似乎有错误。自定义移动器部件无法正常工作!
我正在尝试开发标签。标签部分正在工作。现在我想让它们可以移动。但我想限制可移动部分，例如 Firefox、Internet Explorer、Chrome 等中的选项卡，您只能左右移动它们。我不知道如何实现它。有人可以给我建议吗？
目前我已经制作了一个测试 HTML，其中包含 2 个 DIV 标签。如果将一个标签移到第二个标签上，则该标签应放置在鼠标(带有所选标签)上方的标签之后。它应该是用道场制作的。
<html>
<head>
<title>My Drag & Drop</title>
<link rel="stylesheet" href="http://dojotoolkit.org/reference-guide/1.9/_static/default.css" type="text/css" />
<link rel="stylesheet" href="http://dojotoolkit.org/reference-guide/1.9/_static/pygments.css" type="text/css" />
<link rel="stylesheet" href="http://dojotoolkit.org/reference-guide/1.9/_static/css/site.css" type="text/css" />
<link rel="stylesheet" href="http://dojotoolkit.org/reference-guide/1.9/_static/js/docs/resources/guide.css" type="text/css" />
<link rel="stylesheet" href="dojo/dijit/themes/dijit.css" type="text/css" />
<link rel="stylesheet" href="dojo/dijit/themes/claro/claro.css" type="text/css" />
<script src="dojo/dojo/dojo.js"
data-dojo-config="async: true"></script>
</head>
<body>
<script type="text/javascript" >
require(["dojo/_base/declare", "dojo/dnd/Mover", "dojo/dom", "dojo/dnd/Moveable","dojo/domReady!"],
function(declare, Mover, dom, Moveable){
//Create your "Moveable" as
var myMoveable = new Moveable(dom.byId("id1"));
});
</script>
<div id="id1" style="width:250; height:250; background-color:black; margin-right:10px; position: absolute; top: 10px; left:10px; margin-top:50px; margin-left:10px;margin-bottom: 10px;">test
</div>
<div id="id2" style="width:250; height:250; background-color:black; position: absolute; left: 200; margin-right:10px;margin-top:50px; margin-left:250px;margin-bottom: 10px;"> test
</div>
</body>
</html>
感谢您的帮助
最佳答案
关于javascript - 道场可移动: Limit Moving to horizontal，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23604575/