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

以下是我的建议

流动-

1） 单击四个图像中的任意一个（粉色、绿色、黄色、蓝色），它们被加载到红色分区中

2） 拖动图像并单击“应用裁剪”按钮

但是现在我想删除裁剪选项，所以我点击了“删除裁剪”按钮

在删除作物上编码按钮单击-

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

现在的问题是，虽然裁剪版本从div中删除了，但是现在图像不再是可拖动的，即使我从托盘中单击了较低的图像，并且鼠标指针也发生了变化

让我知道我在代码上做错了什么。我试图在

$（“#removeCrop”）中重新实例化代码“draggable”。在（“单击”

）上，但没有成功。我自己创建了整个代码，但从这里我无法猜测我做错了什么

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

---

EDIT-我从

selImg

事件中取出了一些jQuery事件，但运气不好。最近的脚本-

在完成裁剪后，您的

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

然后在

应用裁剪

单击事件中显示：

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

---

这是编辑后的代码：

那么我该如何修复它？有什么帮助吗？只是作为一个建议..有没有办法知道图像的坐标以及它移动了多少，因为我需要在服务器端裁剪它..任何提示在

style

中有一个

left

和

top

属性，它具有当前pict的像素结果你可以这样访问：$（“#内部”）.css（“左”）；

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

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