1

jQuery Validation Engineというプラグインを使用していますが、問題のサポートを見つけるのに本当に苦労しています。

フィールドが空白のままになっている場合、エンジンは基本的にフォームにツールチップを作成します。私はそれをすべて正しく機能させています、私はそれを正しく配置しようとしています。

フォームコードとインラインスクリプトを示すJSフィドル、完全なJSファイルとCSSはJSFiddleでリンクされています

プラグインはここにあります。 jQueryはここ（私が使用しているサイト経由）とここにあります。CSSファイルはここにあります。

ドキュメントには、いくつかのプリセット値（右上、右下、左上など）を使用して配置できることが示されています。topRightを使用しています。

基本的に、ポジショニングを少し動かす方法を考え出す必要があります。ポジショニングは正しく機能していますが、グラフィックの中央に矢印が表示されるように変更されたため、正しく表示されません。

topRightプロパティがどのように設定されているか、また、必要な位置に取得するために数ピクセルずつ微調整する方法を見つけるのに苦労しています。

少し目が良い人は、私を正しい方向に向けることができるかどうかを確認できますか？

4

1 に答える 1

0

ツールチップ 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 クラスの値を独自の値でオーバーライドすると、色、配置など、ツールチップでやりたいことがほぼ何でもできるはずです。例: ポジショニングに関する問題を解決するには、オーバーライドにマージンを追加します (ニーズに合わない場合は、オーバーライド セレクターを変更できます)。

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

これにより、ツールチップ全体が 10 ピクセル上に移動します。

これがあなたの問題に役立つことを願っています!

于 2012-09-07T21:26:36.600 に答える