道场移动:限制移动到水平
Dojo Moveable : Limit Moving to horizontal
我正在阅读这个:http://dojotoolkit.org/reference-guide/1.9/dojo/dnd/Moveable.html但似乎这个指南里面有错误。自定义移动部件不工作!
我正在尝试开发标签。标签部分正在工作。现在我想让它们可以移动。但是我想限制可移动的部分,比如Firefox, Internet Explorer, Chrome等的标签,你只能左右移动它们。我不知道如何实现它。有谁能给我一些建议吗?
目前我已经做了一个测试HTML,其中包含2个DIV标签。如果将一个标签移动到第二个标签上,则将其放置在鼠标(带所选标签)所在标签的位置之后。应该用dojo制作。
<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>
Thanks for Help
查看move.constrainedMoveable
相关文章:
- 移动浏览器-如何删除拖动到水平滚动
- 如何水平移动旋转的画布
- JS-在一段时间后水平移动图像
- 移动/触摸屏幕 - 滑动时水平滚动
- 实现水平移动和缩放UI效果-可能的jQuery插件(?)
- javascript Y 滚动条在向下按钮的鼠标上移动,但窗口水平
- 如何使用 JQuery 移动更改移动方向时使网格元素水平对齐到垂直对齐
- 垂直滚动恒星JS上的水平位置移动
- 捕获水平触摸移动,同时允许本机垂直滚动
- 将鼠标悬停在同一列表中的其他链接时移动水平背景线
- 水平移动背景图像
- 对于移动网络套件,当您触摸/拖动水平菜单栏时,如何使水平菜单栏可滚动
- 我希望我的动画在屏幕上水平移动,并在按下停止按钮后停止
- 查找水平移动元素的每个 X,Y 位置
- 如何强制水平滚动在 UI-GRID 上向右移动
- 如何仅在水平移动时检测鼠标移动(向左或向右移动)
- 垂直滚动.水平移动
- Java脚本在桌面上正常工作(没有水平滚动),但在移动设备上远远超出了视口
- 移动版的网站没有'不能水平放置
- 点击即可水平移动菜单