Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 定位跨度?_Jquery_Css - Fatal编程技术网

Jquery 定位跨度?

Jquery 定位跨度?,jquery,css,Jquery,Css,请看此验证演示: 错误消息放置在字段的右侧 我已将span包装在消息上,并希望将其放置在输入字段的左侧。如何使用css实现这一点?您只想使用css移动它们(也就是说,不改变HTML中这些元素的位置)?一种方法是:位置:相对;左:-120px;top:-20px(或者您找到的任何值将它们放在您想要的地方。如果您想要,您可以在jquery.validate.js上破解代码并查找以下行: label.insertAfter(element); 并将其更改为: label.insertBefore(

请看此验证演示:

错误消息放置在字段的右侧


我已将span包装在消息上,并希望将其放置在输入字段的左侧。如何使用css实现这一点?

您只想使用css移动它们(也就是说,不改变HTML中这些元素的位置)?一种方法是:
位置:相对;左:-120px;top:-20px
(或者您找到的任何值将它们放在您想要的地方。

如果您想要,您可以在
jquery.validate.js
上破解代码并查找以下行:

label.insertAfter(element);
并将其更改为:

label.insertBefore(element);

验证失败时,您是希望输入移到右侧,还是希望标签和输入之间有更多的空间?为了澄清,我查看了上面一组字段上的验证消息…下面的字段看起来如果不移动其他内容,左侧就没有空间了…您可以做
float:left
将它们一直放在行的左侧,并将其他内容推到另一个位置……或者只是将元素插入到不同的位置开始(在页面的HTML源代码中,或者使用JavaScript)。问题是如果我用像素定位它们,则较长的错误消息将覆盖输入字段,而较短的错误消息将远离左侧的输入字段。它们必须从输入字段向右定位。使用css是否可能?如果您可以更改页面的HTML(而不是仅应用css),我会尝试将错误消息和相应的输入字段放在一个div中,然后对错误消息应用
float:left
(如果不将其包含在div中,它将一直浮动到行的左侧,也就是说,甚至浮动到“first name”、“last name”等的左侧,我认为这不是您想要的。)我试过了,这会把输入元素推到右边,这不是我想要的。但是一个很好的技巧:)我想你只需要把它。。。给我们一些html的例子怎么样。。。在所需输出的before和(should)after状态中…当jquery.validate允许您自己自定义错误位置时,为什么要破解它?如果是我,我不会破解它,因为我可以。。。问题是这家伙没有提供太多信息。。。这是我现在能为他想到的最好的答案。。。