關閉彈出式和其它腳本上單擊關閉

我不是偉大的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

編輯答案，看看是否有效。 –

關閉彈出式和其它腳本上單擊關閉

回答

相關問題