Question

我已经浏览了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();

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

所以，我只想让这个图标显示在标题栏中，以显示几个对话框，而不是任何其他对话框。我究竟做错了什么？：）

Answer 1

在我看来，你的代码确实有效：）

检查我的代码jsfiddle：

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

按钮ADD添加的IMG - REMOVE删除它！

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

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

那就是你的代码:) - 所以删除做它想做的事情！：）

如果你希望这个img只在少数对话框中显示一个IF语句。

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

1 个答案: