使用jQuery驗證引擎定位

我正在使用一個名爲jQuery驗證引擎的插件，我真的很難找到任何支持我的問題。使用jQuery驗證引擎定位

當字段留空時，引擎基本上在我的表單上創建工具提示。我有一切工作正常，我只是想正確定位它。

JS fiddle顯示錶單代碼和嵌入式腳本，充分JS文件和CSS中的jsfiddle鏈接

該插件可以發現here. jQuery的可以發現here（通過網站，我就用它）以及here。可以找到CSS文件here。

該文檔指出，您可以使用一些預設值（右上，右下，左上等）進行定位。我正在使用topRight。

基本上我需要弄清楚如何稍微移動定位。定位工作正常，但由於我的圖形有變化，中間的箭頭看起來不正確。

我很努力地想知道topRight屬性是如何設置的，以及如何通過幾個像素來讓它移動到我需要的位置。

誰能有一個更好的眼睛看看他們是否能指出我在正確的方向嗎？

來源

2012-09-07 Francesca

你可能會創建一個顯示你的問題的最小版本的jsfiddle嗎？這可能會讓人們更容易幫助你/理解你所需要的東西。 – Logard

嗨，我會盡量把東西放在一起。事情是我知道定位將在某個地方的文件中，我只是無法找到它，因此我發佈了整個東西，因爲我不知道哪些位可以省略以及要保留哪些位。 – Francesca

我已經添加了一個JS小提琴，展示了一些代碼，但我無法真正爲其他文件做同樣的事情，因爲我不知道要省略什麼，這就是解決方案的地方......我只是找不到它。 – Francesca

它看起來像提示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類值你自己應該讓你做任何你喜歡的工具提示：顏色，定位等等。例如：解決與定位您的問題可能在越權加入margines來完成（ovveriding選擇器可如果它不適合您的需要進行更改）：

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

這將通過10個像素拉昇整個工具提示。

我希望這對您的問題有幫助！

來源

2012-09-07 21:26:36 Logard

使用jQuery驗證引擎定位

回答

相關問題