关闭弹出式和其它脚本上单击关闭

我不是伟大的JavaScript和jQuery等关闭弹出式和其它脚本上单击关闭

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

我得到了里面的图像的弹出式窗口，你可以裁剪你想要的图像的一部分。我现在的问题是，当你点击“取消”按钮时，裁剪高亮仍然存在。我该如何去关闭呢？

我已经尝试了很多事情，检查是否可以隐藏div，如果其他div被按下，或隐藏或不可见，我似乎无法获得任何工作。

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

http://jsbin.com/eKaNupU/1

在此先感谢您的帮助！

UPDATE：

工作（直到不是！）例如：http://www.costapass.es/imageupload/

来源

2014-01-10 BN83

看起来你需要做的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

来源

2014-01-10 20:48:05

仍然没有显示那里。我将在我的主机上创建一个示例并上传它。 – BN83

http://www.costapass.es/imageupload/ 下面是一个工作（直到它不！）的例子。 – BN83

编辑答案，看看是否有效。 –

关闭弹出式和其它脚本上单击关闭

回答

相关问题