jQuery UI中的动态错误文本未显示错误文本
pappu_kutty
我正在尝试使用jquery ui进行错误警报，以下代码
$(function() {
$("button").click(
function() {
$.ajax({
url : "signin.html",
type : "post",
cache : false,
data : "userName=" + $("#userName").val()
+ '&password=' + $("#password").val(),
success : function(response) {
$('#errorbox').show();
$('#message').text(response);
},
error : function() {
alert('Error while response..');
}
});
});
});
<div class="ui-widget"
style="font-size: 10px; margin-left: 10%; text-align: center;">
<div id="errorbox" style="display: none; width: 30%"
class="ui-state-error ui-corner-all">
<p>
<span id="message" name="message" class="ui-icon ui-icon-alert"/>
</p>
</div>
</div>
中的文字$('#message').text(response);未显示
我看了这个http://jsfiddle.net/774wH/，但这是静态错误消息。如何使用ui alert css样式实现动态文本。
本·史密斯
请参阅我在这里创建的JSFiddle：
http://jsfiddle.net/Fresh/B7MHy/。
此示例的关键是应用于ui-icon-alert类的以下样式：
.ui-icon.ui-icon-alert {
float: left;
position: relative;
left: 45px;
bottom: 1px;
}
“ float：left”样式导致“错误”范围在警报图标周围流动，因此导致图标和错误消息并排呈现，而不是彼此重叠。
请注意，我还调整了错误图标的位置，以使其不会从文本看起来孤立。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
jQuery验证与动态错误消息
- 2
在jQuery UI datepicker中在日期旁边显示其他文本
- 3
jQuery＆Ajax-GET请求文本未显示在文本框中，但显示在div上
- 4
jQuery＆Ajax-GET请求文本未显示在文本框中，但显示在div上
- 5
将文本框动态添加到使用Mysql Jquery生成的每一行中的错误
- 6
在jQuery中动态添加文本框
- 7
使用jQuery在div中动态键入文本
- 8
jQuery UI 1.9.1 和 jQuery 1.9.1 在对话框按钮中不显示文本
- 9
jQuery UI自动完成显示错误的值
- 10
jQuery UI自动完成显示错误的值
- 11
在jQuery的选择框中显示文本
- 12
jQuery从列表中查找文本并突出显示
- 13
jquery 突出显示表中的搜索文本
- 14
无法将空格按入文本字段，jQuery UI错误？
- 15
文本字段错误文本未显示
- 16
带有动态错误文本的 ASP.NET 验证器
- 17
jQuery未捕获的错误
- 18
如何使用JQuery在文本框中显示特定文本？
- 19
编辑动态文本值jQuery
- 20
使用jQuery发送动态文本
- 21
jQuery UI标签错误
- 22
jQuery中未捕获的参考错误
- 23
jQuery验证消息显示在jQuery Mobile中的文本输入内
- 24
jQuery验证消息显示在jQuery Mobile中的文本输入内
- 25
如何在HTML中的文本框上显示自动完成的jQuery UI
- 26
jQuery UI 对话框中的 HTML 显示为文字文本
- 27
显示奇怪的Jquery错误
- 28
jQuery显示隐藏错误
- 29
显示奇怪的Jquery错误
我来说两句