Tag: 拖放
当它已经有子元素时防止丢弃事件？ 拖放
我正在做简单的匹配游戏。 游戏有很多问题。 我正在使用拖放进行匹配。 首先，我将图像元素放到一个容器中，当我选择另一个元素并尝试将其放入同一个容器时，目前它正在覆盖现有元素。 我想检查已经有元素的容器。 如果没有，请允许掉落，否则防止跌落。 码： .left, .right { float: left; width: 100px; height: 35px; margin: 10px; border: 1px solid black; } Matching the following Option A Option B Matching Option B Option A Matching function allowDrop(event) { event.preventDefault(); } function drag(event) { event.dataTransfer.setData(“text”, event.target.id); } function drop(event) { event.preventDefault(); var rightId = event.target.id; […]
如何修复Window.getComputedStyle不是对象错误
我试图在https://github.com/desandro/draggabilly上使用draggabilly 它在HTML中工作正常。 现在，当我试图在wordpress中添加它。 我在firebug控制台中遇到以下错误。 TypeError: Argument 1 of Window.getComputedStyle is not an object. return s.getComputedStyle(t, null) 这是js文件的链接http://draggabilly.desandro.com/draggabilly.pkgd.min.js
如何用jQuery UI交换元素draggable和droppable？
我有两个div.containers。 两个容器都有div.item。 使用jQuery，如何通过拖放交换div.item元素？ 两个元素都应该能够重新交换。 有没有简单的方法来做到这一点？ 谢谢…
On Drop – 从服务器克隆不同的节点或相应的元素
在拖放（拖动后） – 如何克隆驻留在服务器上的其他地方或返回的不同（对应）元素， 即在服务器上定位和克隆不同的元素 例如，在客户端，相应的图标映射到服务器元素icon_chartXY == Server side ChartXY等。 1）在左侧的浏览器中，我有小图标/图片代表各种图表（xy或条形图）。 2）拖动图标后，然后放入更大的图标 在克隆期间 – 我如何从服务器端获取或克隆实际图表（HTML，JS），这可能是由图标或HTML / Js图表表示的实际图表？ $(function () { $(‘.menu’).draggable({ helper: ‘clone’ }); $(‘#droppable1, #droppable2’).droppable({ drop: function (event, ui) { $(this) .append(ui.helper.clone(false).css({ // clone a different element position: ‘relative’, left: ‘0px’, top: ‘0px’ })); } }); }); JS Fiddle我有多远
拖放2滴目标
我正在寻找一个拖放示例，其中拖动项具有两个不同的区域，必须与两个可投放区域匹配。 例： 我希望蓝色拖动物品能够恢复，除非它被放置在每个红色儿童落在绿色区域的位置。 理想情况下，我想使用jquery ui（因为我有它的经验），但任何JavaScript库都没关系，提前谢谢。
Jquery UI有效教程
有没有人知道一个详细而有效的jQuery UI 1.7教程？ 我只是不能单独使用演示页面。 我无法弄清楚拖拽……只做(‘div#item’).draggable(); 谢谢
jQuery UI droppables – 更改已删除的图像
我正在使用jQuery UI的droppables，并且想知道使被删除的克隆使用与被删除的项目不同的IMG SRC的最佳方法是什么。 在那里的照片管理器演示中，缩略图被放入一个大小相同的插槽中。 我想将一个大图像放入一个小插槽中，因此我需要它的克隆来使用我的缩略图而不是完整的图像。 有关处理此问题的最佳方法的任何建议吗？
将URL拖放到浏览器中并使用jQuery进行处理
我需要能够将URL（从浏览器中的url栏）拖放到网页中，使用该链接向Web服务发出请求，并获取JSON回复并填充表单。 我已经能够创建处理链接的Web服务，并且我已经能够使用jQuery.ajax发出请求，但我不确定如何与删除的链接进行交互。 有谁能指出我的一个例子？ 我该怎么用？ 编辑： 我已经能够使用“drop”触发我的ajax查询，但我不确定如何获取我丢弃的URL的值。 这是我的代码： jQuery(function() { $(“input”).bind(“drop”, function(e){ var val = e.dataTransfer.getData(‘Text’) $.ajax({ type: ‘GET’, url: ‘http://dev.null:8888/gud/’, data: ‘url=’ + val, dataType: ‘json’, success: function(jsonData) { alert(jsonData); }, error: function (xhr, ajaxOptions, thrownError){ alert(“this isnt working”); }, }); }); }); 我认为e.dataTransfer.getData(‘Text’)可以让我访问URL的值，但事实并非如此。 有谁知道我如何获得这个价值？ 找到了。 它是e.originalEvent.dataTransfer.getData(‘Text’)
如何在d3.js中的svg中拖放一组矩形？
我基于这个拖放示例工作： 我想拖一组。 我将两个矩形放在单个组中，现在想要拖放整个组，在我的代码中拖放工作在单个矩形上但不在组上。 这是我的代码： Drag And Drop var vizSVG = d3.select(“#viz”) .append(“svg”) .attr(“width”, 400) .attr(“height”, 300); var group =d3.select(“svg”) .append(“g”) .attr(“id”,”group1″) .attr(“x”,50) .attr(“y”, 140) //.attr(“fill”, “yellow”) // .call(d3.behavior.drag().on(“drag”, move)); group.append(“rect”) .attr(“id”, “bluerect”) .attr(“x”, 50) .attr(“y”, 140) .attr(“width”, 50) .attr(“height”, 50) .attr(“stroke”, “red”) .attr(“fill”, “blue”) .attr(“opacity”,”0.5″) .call(d3.behavior.drag().on(“drag”, move)); group.append(“rect”) .attr(“id”, “redrect”) .attr(“x”, 110) .attr(“y”, 140) .attr(“width”, […]
表列resize/拖放’n’在jQuery中删除
我正在寻找一种方法来实现resize和使用jQuery在预定义表中的列（而不是行）之间拖放’n’。 我已经做了一些谷歌搜索并没有真正找到适合该法案的任何东西，因为许多人要求你基本上使用jQuery重建你的表。 我只是想插入这个function，而不是让我的整个表结构由第三方决定。 有没有人知道任何可能帮助我这样做的插件，如果没有，是否有任何jQuery专家已经解决了这个问题？
