Question

我对Javascript和jquery等不太好。

使用http://odyniec.net/projects/imgareaselect/和CSS弹出窗口，我正在尝试创建一个文件上传文件，您可以通过选择您的选择来裁剪图像，然后取消或继续上传文件。

我的弹出窗口里面有图像，你可以裁剪出你想要的图像部分。我现在的问题是，当您点击“取消”按钮时，裁剪高亮显示仍然存在。我怎么能把它关闭呢？

我尝试了很多东西，检查是否可以隐藏div，如果另一个div被按下，隐藏或不可见，我似乎无法得到任何工作。

这是我的jsbin，虽然上传部分不起作用，所以你实际上看不到错误。

http://jsbin.com/eKaNupU/1

提前感谢您的帮助！

更新：

工作（直到它没有！）示例：http://www.costapass.es/imageupload/

Answer 1

看起来你需要做cancelSelection（）（参见：http://odyniec.net/projects/imgareaselect/usage.html）。

要获取对该方法的访问权限，您需要获取对imgAreaSelect对象的引用。为此，请将以下内容放入<head>（或类似）。

var ias = null;

$(document).ready(function() {
  ias = $('#uploadPreview').imgAreaSelect({ instance: true });
});

然后将关闭按钮修改为：

  <div id="blanket" style="display:none;"></div>
  <div id="popUpDiv" style="display:none;">
    <a href="#" onclick="ias.cancelSelection();popup('popUpDiv'); ">Cancel</a>
    <img id="uploadPreview" style="display:none;"/>
  </div>

您修改过的jsbin：http://jsbin.com/eKaNupU/11/edit

单击关闭时关闭弹出窗口和其他脚本

1 个答案: