jQuery UI Draggable and Resizable 1点击后停止工作[重复]
Posted
技术标签:
【中文标题】jQuery UI Draggable and Resizable 1点击后停止工作[重复]【英文标题】:jQuery UI Draggable and Resizable stop working after 1 click [duplicate] 【发布时间】:2021-07-20 20:21:32 【问题描述】:我这里有个小提琴:https://jsfiddle.net/dfaunce/L3j1qmpu/5/
如果您单击任何项目框,它将将该框放入容器中(右侧的空白区域)。 目标是使容器中的框既可拖动又可调整大小。
jQuery UI 可调整大小的句柄显示在框中,但它什么也没做。 您只能拖动该项目一次。之后,盒子什么也不做。我在这里做错了什么?
$(function()
var $container = $("#container"),
$objects = $("#objects");
$(".box-selectable").on("click", function()
var $g = $(this).clone(true, true);
$g
.removeClass("box-selectable")
.addClass("draggable resizable")
.appendTo($container)
.resizable()
.draggable();
$(this).remove();
);
);
【问题讨论】:
在添加/删除事件处理程序在运行时绑定到的类时,您需要使用委托事件处理程序 【参考方案1】:好吧,我想通了……
如果我将方法更改为:
$(document).on("click", ".box-selectable", function() .... `
一切正常。
我不知道为什么,但确实如此......
【讨论】:
以上是关于jQuery UI Draggable and Resizable 1点击后停止工作[重复]的主要内容,如果未能解决你的问题,请参考以下文章
jQuery-ui-draggable 将像素值转换为百分比
javascript jQuery UI Draggable转换比例修复