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

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

你的代码很好，这是你的CSS隐藏你的文本。从UI图标中移除文本，并在图标跨度后将其放在另一个跨度中。