javascript - 从对话框窗口Javascript中删除关闭按钮

Question

我正在尝试删除拼图完成时出现的“关闭”按钮。我可以做到这一点，但如果用户尝试，他们可以单击隐藏按钮的位置，这几乎会使页面崩溃并将谜题分散到各处。有人知道我该如何解决这个问题吗？隐藏的按钮位于拼图的左上角，点击那里就会显示我的意思。

我通过执行以下操作删除 CSS 代码中的按钮:

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

这是我的 JSFiddle，在 fiddle 上看起来有点奇怪，但是哦，好吧，仍然会崩溃。

http://jsfiddle.net/QY5jb/3/

Answer 1

你必须用别的东西来做这件事。纯 css 不会删除该元素。如果你想删除它，我会自己编写一个隐藏该元素的函数。例如

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

并在拼图完成后调用此函数。其中 e 是您的 .ui-dialog-titlebar-close

例如

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