javascript - 从jQuery对话框标题中删除附加的图像

我已经研究了StackOverflow上的各种解决方案，但在使它们发挥作用方面没有取得任何成功。我可以轻松地将图像添加到对话框中，但是删除该图像的各种尝试均无效，因此我得到了多个图像。

请注意，我不希望它出现在“所有”对话框中，而只是出现在一系列欢迎对话框中。到目前为止，这是代码（其中一个）：

 $("#welcomeScreen").dialog({
            width: 600,
            height: 400,
            position: "center",
            dialogClass: 'help-dialog',
            hide: {
                effect: "fade",
                duration: 200,
            },
            open: function (event, ui) {
                $("#myNewImage").remove();
                $(".ui-dialog-titlebar").append("<img src='Images/question.png' id='myNewImage' />");
            }
        }).parents(".ui-dialog").css("opacity", "0.9");

dialogClass更改这些对话框的背景颜色。

我也尝试过：

$(".ui-dialog-titlebar").remove('#myNewImage');

无效，随后的开口会在标题栏上附加另一个图标。我也试过

$(".ui-dialog-titlebar").remove();

删除了整个标题栏（我有点期待）。

所以说真的，我只希望该图标出现在标题栏中，显示几个对话框，而不显示在其他任何对话框上。我究竟做错了什么？ :)

最佳答案

我认为您的代码确实有效:)

检查我的代码的jsfiddle：

http://jsfiddle.net/FYhNw/1/

按钮添加添加的IMG-删除将其删除！

$(".ui-dialog-titlebar").append("<img src='Images/question.png' id='myNewImage' />");

$("#myNewImage").remove();

多数民众赞成在您的代码:)-因此remove会做应做的事情！ :)

如果您希望此img仅在少数对话框中显示，请执行IF语句。