框出現在我的關閉圖標點擊

時，我有一個「X」圖像背景一個div，我可以點擊關閉父元素：框出現在我的關閉圖標點擊

enter image description here

圍繞它的代碼是：

function remove_cell(el) { 
    $(el).closest("div.cell").remove(); 
} 

<div class="handle"> 
    <div class="grip"></div> 
    <div class="closeX" onclick="remove_cell(this)"> </div> 
</div>

但是，當我點擊「X」div我得到它周圍的醜陋框架與句柄。當鼠標按鈕被釋放時刪除工作，但有人知道什麼是把這個框架放在mousedown上，以及我如何擺脫它？

感謝

來源

2013-04-18 Steve

你有加載頁面上還有什麼其他的腳本？ – Joe

演示頁面和您遇到問題的瀏覽器會很好。 – SeinopSys

聲音像CSS中的'outline：none'可能會修復，但是如果沒有整個代碼 – Chad

在你的代碼，阻止事件的傳播或返回false從點擊彈出窗口

function remove_cell(el) { 
    $(el).closest("div.cell").remove(); 
    return false; 
}

編輯以下元素停止點擊：實際上，由於您使用內聯代碼（不是最好的主意），這將需要內聯：

<div class="closeX" onclick="remove_cell(this); return false"> </div>

來源

2013-04-18 17:59:58 Mottie

的問題竟然是，較大的DIV，這是（上面的橙色框）內有CONTENTEDITABLE =真。顯然，在這種情況下，瀏覽器（我使用FF）會拋出這個選擇框，如果你點擊一個圖像元素，即使圖像是你單擊的div的背景（我的div.closeX）。我通過給sub div（div.handle）賦予contenteditable = false屬性來解決這個問題，它仍然保留橙色div中的內容可編輯，因爲它需要。

作品：

<div class="cell " contenteditable="true"> 
    <div class="handle" contenteditable="false"> 
    <div class="closeX" onclick="remove_cell(this)"> </div> 
    </div> 
</div>

來源

2013-04-19 00:54:50 Steve

框出現在我的關閉圖標點擊

回答

相關問題