删除裁剪后，图像可拖动选项不起作用

Image draggable option not working after cropping removed

本文关键字：拖动 选项 不起作用 图像 裁剪 删除      更新时间：2023-09-26

下面是我的PLNKR代码。

流量-

1） 点击四个图像中的任何一个（粉色、绿色、黄色、蓝色），它们将加载到红色分区中。

2） 拖动图像并单击"应用裁剪"按钮。

但现在我想删除裁剪选项，所以我点击了"删除裁剪"按钮。

移除作物按钮上的代码点击-

$("#removeCrop").on("click", function(){
    jcrop_api.release();
});

现在的问题是，尽管div发布了裁剪，但现在图像不再可拖动，即使我点击了托盘中较低的图像，鼠标指针也发生了变化。

让我知道我在代码上做错了什么。我试图在$("#removeCrop").on("click"中重新实例化代码"可拖动"，但没有成功。我自己创造了整个世界，但从这里我无法猜测我做错了什么。

注意-图像有点重，因此最好下载plnkr并用一些静态图像替换图像，以便有更好的想法。

EDIT-我从selImg事件中取出了一些jQuery事件，但没有成功。最近的脚本-更改的脚本

收割后，

<img id="inner" class="ui-draggable ui-draggable-handle" ...>

将更改为

<img id="inner" ...>

并且类别CCD_ 3被移除。因此draggable将不起作用。

同样，在再次将类添加到inner之后，jcrop-tracker位于inner的前面。所以实际上你不能点击你的inner组件。

编辑：

一个肮脏的解决方案可能是在release:之后隐藏jcrop-tracker

$( ".jcrop-tracker" ).hide();

然后在Apply crop点击事件中显示：

$( ".jcrop-holder div" ).show();
$( ".jcrop-holder div" ).css('opacity', 0.6);
$( "#wrapper" ).css('opacity', 1);
$( "#content" ).css('opacity', 1);

这是编辑的代码：编辑的代码

相关文章：