Tag: 拖放式

如何使用jQuery的.trigger（’dragstart’）来实现HTML5的拖放function.setData / .getData

当使用jQuery的.trigger（’dragstart’）来触发具有属性ondragstart =“drag（event）”的元素上的函数时，你如何在触摸设备上拖放HTML5 .setData / .getData？** 示例流程： 用户使用touchmove事件拖动元素 element以下两个属性： .bind（’touchmove’，function（event）{$（this）.trigger（’dragstart’）;}）; ondragstart = “拖动（事件）” drag（event）尝试使用event.dataTransfer.setData（“Text”，event.target.id）; 结果是以下错误。 “未捕获的TypeError：无法读取未定义的属性’setData’” 对于鼠标事件ondragstart，拖动（事件）函数中的.setData / .getData调用工作正常。 但是，当通过.trigger（）触发ondragstart时，.setData / .getData方法无法正常工作并返回错误 尝试拖动订单时，为什么会出现以下错误; 以及如何解决？** “未捕获的TypeError：无法读取未定义的属性’setData’” 请不要指向使用TouchPunch等.js库。 我正在尝试绑定’touchmove’事件来触发拖动（事件）并提供相同的.setData / .getDatafunction，该function可用于鼠标拖动触发事件。 —> jsFiddle Link <— HTML： Order Queue Johnny Cash Order Number: 100 101 Johnny Cash Queue Bar Test Log JavaScript的： var orders = $(‘.order’); var testelement = […]

从外面敲出可拆卸的拖放

也许有人可以帮助我。 我在webapp中获得了大量的视图。 左侧有产品列表，右侧有类别列表。 产品应该在类别中拖动。 产品清单是一个可观察的arrays。 现在，当列表有超过1000个条目时，我们遇到了性能问题（特别是在IE上）。 因此，因为产品本身不会改变，我们将它们从敲除绑定中取出，将它们连接在一个字符串中并仅附加一个节点。 当然，淘汰赛可排序的绑定不再起作用了…… 这是类别的模板： ID: 这是左侧产品列表的js代码： function fillAllProductsTab() { var parts = ”; allProducts.forEach(function (item) { parts += ” + // draggable=”{data: $data, options:{containment: \’\#menuEditTab3Ce\’, revert: \’invalid\’}}” ” + ” + item.Name + ” + ‘ID: ‘ + item.Id + ” + ” + item.Price + ‘ €’; }); $(“#allp”).append(parts); […]