Tag: 拖放

从JQGrid拖到jsTree v.0.9.9a

我想从我创建的jqGrid中拖出一行，并在jsTree（v.0.9.9a）中的节点上触发一个drop事件。 无论如何都要这样做 – 仅使用 jsTree的v.0.9.9a 。 问候。

如果在拖动操作期间显示hoverClass，则Droppable项不显示hoverClass

我知道标题令人困惑，但问题很容易复制。 我的页面上有一些可以放置的元素（jQueryUI），并且hoverClass显示它们被拖动的时间。 但是，我有一些隐藏的元素，有时在拖动过程中显示，然后不应该响应他们的hoverClass。 我在这里有一个显示这种情况的jsFiddle，但是，如果你继续拖动div最终listItems开始显示他们的hoverClass。 但是，在我的网站上，这种情况永远不会发生…… hoverClass永远不会出现在新显示的项目上。 HTML Row1 Row2 Row3MORE… Row4 Row5 DragMe! CSS #DragMe { position: absolute; height: 100px; width: 100px; border: 1px solid black; background-color: RGBA(255,255,255,0.5); } .DragOver { background-color: #000000; color: #FFFFFF; } #More { margin-left: 10px; } JavaScript的 $(‘#DragMe’).draggable({ cursorAt: {top: 50, left: 50} }); $(‘li’).droppable({ hoverClass: ‘DragOver’ }); $(‘#More’).droppable({ over: […]

jQuery拖动并关注鼠标

我正在尝试在中心创建一个带有拖动条的双列可滑动区域，请参阅此小提琴： http ： //jsfiddle.net/W7tGj/2/ 我试图避免添加jQ-UI到混合，所以任何帮助将不胜感激。 我觉得我错过了一些简单的事情。

jQuery UI：Safari中的Droppable（’drop’事件，容忍：触摸）错误（mac）

我无法解决以下问题： 下面的代码适用于mac和windows的所有浏览器，除了它在macs safari（5.1.5）上部分工作 。 注意：它适用于Windows Safari（5.1.5）。 这是基本结构 ： $(“.div2” ).droppable({ accept: ‘.div1’, tolerance: ‘touch’, drop: function(){ alert(‘dropped’); } }); 所以，基本上当div1接触div2时 ，应该触发drop事件。 但上述情况并未触发掉线事件。 在macs safari中触发drop事件的唯一情况（如下所示）是可拖动div div1完全通过droppable div div2 。 我只是不知道为什么？ 使用的版本： jQuery: 1.7.2 jQuery UI: 1.8.18 Safari(mac): 5.1.5 更新： 我尝试了其他的宽容选择。 “ 触摸 ”和“ 交叉 ”都不能按预期工作。 但’ 指针 ‘完全正常。 有没有其他方法可以实现’公差：触摸’的function？ 我正在考虑检测2个div之间的冲突然后应用相应的逻辑。 任何帮助将不胜感激。 谢谢！

单击时禁用鼠标移动

我正在尝试拖放’n’，这是我的代码： $(‘.box-title’).live(‘mousedown click’, function(e) { var self = $(this); var Box = self.parent(‘#box’); if(e.type == ‘mousedown’) { $(window).mousemove(function(e) { Box.css({ cursor: ‘move’, top: e.pageY – 15, left: e.pageX – 125 }); }); } else if(e.type == ‘click’) { Box.css({ cursor: ‘default’, top: e.pageY – 15, left: e.pageX – 125 }); } }); 在mousedown上，它应该通过移动鼠标启动拖动效果，之后如果我想停靠/放下我想要它的盒子，我点击它应该禁用移动但是如果我点击它，它不会停止移动 – 只是一直跟着我的鼠标。 […]

有没有办法旋转html表？

有没有办法旋转html表？ 所以，说我有一张这样的桌子： 1 2 3 4 5 6 并希望某种按钮背后有javascript可以旋转表格的任何方向。 例如，单击右键会导致： 654321 我有一个使用表的拖放插件，我试图做一个允许用户添加到队列（导致表）的片段，然后他们也可以旋转它。 谢谢。

JavaScript：仅在特定元素内捕获右键单击和禁用菜单

我编写了一个jquery脚本，其中屏幕上有一个小网格，使用拖放用户可以在网格上放置切片（按住卡片）。 目前，如果您将鼠标hover在某个磁贴上，它会在旋转选项中淡入淡出，但如果您可以右键单击旋转（使其更自然），我会更喜欢它。 我理解完全阻止右键通常是不满意的，所以想知道是否可能只是在一个特定元素内，然后捕获该事件，在JS中执行某些操作并禁用上下文菜单？ – 适用于所有浏览器。 另外，目前我正在使用jQuery进行效果和自定义javascript的拖放，是否值得一看jQuery插件进行拖放？ 非常感谢，

jQuery draggable：可拖动的盒子越过容器 – bug？

试试这段代码： HTML CSS html { height:3000px; } .draggable_container { height:300px; background-color:red; width:140px; } .draggable { height:60px; width:130px; cursor:pointer; border:5px solid #000000; background-color:#ffffff; } jQuery的 $(“.draggable”).draggable({ axis: “y”, containment: ‘parent’ }); 现在，如果您单击“可拖动”框并上下移动鼠标，它将移动到容器高度。 但是，如果用鼠标单击此框，然后滚动页面（使用鼠标滚轮…或将光标移动到底部，而不释放鼠标），框就会越过容器。 这很糟糕。 这是一个常见的bug吗？ 我该如何解决这个问题呢？

只下降到看到的元素

我有以下内容： 我正在尝试将其设置为当您拖动项目时，它只会被删除到您可以看到的div元素，并且不会被覆盖。 所以我使用了这个js： $(“.draggable”).draggable({ helper: “clone” }) $(“#bottom, .draggable”).droppable({ drop: function(event, ui) { var $this = $(this), $dragged = $(ui.draggable); $this.append($dragged.clone()); }, hoverClass: “dragHover” })​ 但它会丢弃两个地方的元素，即使只有一个掉落区域不可见！ 我如何修复它以便不会发生这种情况？ 小提琴： http ： //jsfiddle.net/maniator/Wp4LU/ 额外的信息， 无需小提琴重新创建页面： HTML： Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem […]

IE 10拖放上传提供空数据传输

我有一些在IE 10中无法正常工作的拖放上传代码。我的事件处理程序看起来像这样： dragCatcher.on(‘drop’, function (e) { e.preventDefault(); e.stopPropagation(); console.log(e.originalEvent.dataTransfer.files); }).on(‘dragenter’, function (e) { e.preventDefault(); e.stopPropagation(); }).on(‘dragleave’, function (e) { e.preventDefault(); e.stopPropagation(); }).on(‘dragover’, function (e) { e.preventDefault(); e.stopPropagation(); console.log(e.originalEvent.dataTransfer.types); }); 两个console.log都提出了undefined 。 我可以确认它不是控制台错误，因为e.originalEvent.dataTransfer.files[0]出现错误。 我确定我错过了一些明显的东西，但我似乎无法弄明白。