Question

我正在使用一个名为jQuery Validation Engine的插件，但我找不到任何支持我的问题。

当字段留空时，引擎基本上会在表单上创建工具提示。我完全正常工作，我只是想正确定位。

JS fiddle显示表单代码和内联脚本，完整的JS文件和CSS在JSFiddle中链接

可以找到该插件here. 可以找到jQuery here（通过我正在使用它的网站）以及here。可以找到CSS文件here。

文档指出您可以使用某些预设值（右上角，右下角，左上角等）进行定位。我正在使用topRight。

基本上我需要弄清楚如何稍微移动定位。定位工作正常但由于我的图形发生变化，箭头位于中心，看起来不正确。

我正在努力找出topRight属性的设置方式，以及我如何将它推到几个像素以使其达到我需要的位置。

任何有一点好眼的人都能看出他们是否能指出我正确的方向吗？

Answer 1

看起来工具提示div由css中的这个类控制：

（位于：http://www.position-relative.net/creation/formValidator/css/validationEngine.jquery.css 或您当地的同等人物。）

.formError .formErrorContent {
    width: 100%;
    background: #ee0101;
    position:relative;
    color: #fff;
    width: 150px;
    font-size: 11px;
    border: 2px solid #ddd;
    box-shadow: 0 0 6px #000;
    -moz-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    padding: 4px 10px 4px 10px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

使用您自己的css类覆盖此css类中的值应该让您可以使用工具提示执行任何操作：颜色，定位等。例如：通过在覆盖中添加边距来解决定位问题（如果不适合您的需要，可以更改ovveriding选择器）：

 fieldset .formError .formErrorContent {
    margin-bottom: 10px;
}

这会将整个工具提示向上移动10个像素。

我希望这对你的问题有所帮助！

使用jQuery验证引擎定位

1 个答案: