Question

我无法在对话框中显示附加的消息。有人能告诉我我做错了什么吗？ fiddle

HTML

<div id="errorMessageContainer" title="Required Fields" class="alignLeft" 
    style="padding: 5px; margin: 0;">
    <p id="errorMessage"></p>
</div>

的JavaScript

var errorMessages = ["First Error Message", "Second Error Message"];
var message = "";

$.each(errorMessages, function (key, value) {
    message += "<span class='ui-icon ui-icon-bullet'>" + value + "</span><br />";
});

$("#errorMessage").append(message);

$(function () {
    $("#errorMessage").dialog({
        modal: true,
        buttons: {
            Ok: function () {
                $(this).dialog("close");
            }
        }
    });
});

Answer 1

如果您需要课程ui-icon和ui-bullet，

将代码调整到此，

$.each(errorMessages, function (key, value) {
    message += "<span><i class='ui-icon ui-icon-bullet'></i>" + value + "</span><br />";
});

类css将文本隐藏在<span>内。添加了一个额外的元素<i>。

Answer 2

你的代码很好，你可以隐藏你的文字。从ui-icon中删除文本，并在图标范围后将其放在另一个范围内。

附加消息到div不显示在对话框中

2 个答案: