從對話窗口中刪除關閉的按鈕Javascript

我想刪除當難題完成時出現的「關閉」按鈕。我可以做到這一點，但如果用戶點擊，他們可以點擊隱藏按鈕的位置，它幾乎會導致頁面崩潰，並在任何地方散佈難題。任何人都知道我能解決這個問題嗎？隱藏的按鈕位於拼圖的左上角，點擊左邊會顯示我的意思。從對話窗口中刪除關閉的按鈕Javascript

我做刪除的CSS代碼的按鈕：

.ui-dialog-titlebar-close { 
visibility: hidden; 
}

這裏是我的jsfiddle，看起來有點怪上撥弄但哦，還是崩潰了。

不知道你在說什麼，沒什麼崩潰當我點擊圍繞其中按鈕應該是。當它被「隱藏」時，它不會顯示（顯然），但是詢問對點擊它的附近沒有反應。 – Wold

如果你完成拼圖，然後只需點擊第一個拼圖上方（左上角），拼圖就會變得瘋狂。這不是一個真正的大問題，因爲懷疑用戶會這樣做，但仍然想解決它。如果你不能重新創建它，不知道該說什麼。 – Nolemonpledge

我確實讓你的問題工作。當我從頁面中刪除'.ui-dialog-titlebar-close'節點時，問題仍然發生，這導致我相信錯誤不在關閉按鈕中。 – Wold

你有別的辦法做到這一點。純CSS不會刪除元素。如果你想刪除它，我會自己寫一個隱藏元素的函數。例如

function delete_element(e){ 
    e.parentNode.removeChild(e); 
}

並且當你的拼圖完成時調用這個函數。其中E是的.ui-對話框的標題欄關閉

因此，例如

var element = document.querySelector('.ui-dialog-titlebar-close'); 
delete_element(element);

2014-04-13 20:35:24 jPO

感謝您的迴應。我做了這個，但似乎仍然可以點擊隱藏的按鈕。你試過這個，它解決了嗎？ – Nolemonpledge

回答