变量错误标签的正确位置-引导程序/ Jquery
变量错误标签的正确位置-引导程序/ Jquery
提问于 2015-09-10 06:29:28
我有一个表格，在每个输入前面都有一些错误标签--在右边。
我可以使用以下方法控制每个错误的正确位置：
if(element.attr("name") == "id"){
error.css( "right", "-95px" );
}然后，我可以把标签，准确地2-3像素在前面的每个输入。
但
问题是：
- 有些输入有2或3个不同的错误消息。
- 每个标签都有不同的宽度(因为有些消息比另一些短)
我可以通过以下方式来控制每一个宽度：
min-width: 100px;
max-width: 200px;
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
white-space: nowrap;最小/最大宽度+空白(现在)。
当我为ERROR1放置标签"Right -100 OK“时，消息显示在输入之外的OK- 2-3像素。
当消息被更改为ERROR2 (带有更大标签的最大消息)时，标签将显示在输入中。
如果消息是短的，标签将显示在输入之外的10-12像素。
这是因为标签长到左边而不是右边.
如何为标签的成长选择正确的方向？
示例：
把一个点放在屏幕的中央>今天，最大宽度从中心到右边。
从中间到左边怎么走？
浮起来？
这是https://jsfiddle.net/4v2br346/ (我认为这是更好的理解问题的方法。)D)
请尝试全名输入。
很多tks！！
回答 1
Stack Overflow用户
发布于 2015-09-10 10:02:08
使用margin-left将对您有所帮助。看看这个
JS
errorPlacement: function (error, element) {
ElementWidth = parseFloat($(element).outerWidth()) + 7;
if (element.attr("name") == "id") {
error.css("margin-left", ElementWidth + 'px');
}
if (element.attr("name") == "name") {
error.css("margin-left", ElementWidth + 'px');
}
if (element.length) {
error.insertAfter(element);
} else {
error.insertAfter(element);
}
},
注意:由于箭头.，我在宽度中添加了7 px。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32494672
复制相关文章
相似问题
腾讯云开发者
