検証の失敗をエンド ユーザーに示す手段として 優れたBeautyTips プラグインを使用していますが、ページ コンテンツが動的に追加、削除、またはアニメーション化されるたびに配置の問題が発生します。
これが具体的な例です。各ページの上部に、確認/エラー メッセージに使用される DIV があります。これは、slideToggle() を使用して $(document.ready) に表示されます。これにより、後続のすべての html コンテンツが自然に「プッシュ」され、beautytips の配置/配置が失われます。slideToggle() が起動した後にプラグインの組み込みの更新メソッドを呼び出すと、配置の問題が修正されます。前後のスクリーンショットはこちらとこちらでご覧いただけます。
考えられる回避策の 1 つは、DOM の変更、具体的には css の変更をプログラムで検出して、各ビューティー ヒントをループし、手動で再読み込みできるようにすることです。ただし、そのような機能を公開するネイティブ jQuery イベントはないようです。Rick Strahl による印象的な jQuery プラグインを見てきましたCSS の変更を監視しますが、監視したい特定の HTML 要素を事前に知っているという前提に基づいているようです。ドキュメント全体を監視したいのは、特定のページにどのような html 要素が存在する可能性があるかを知ることは期待できないためです。私のビューティーチップを押し下げてください。また、ドキュメント内のすべてのブロック レベルの要素をポーリングすることでパフォーマンスが大幅に低下することは絶対に避けたいと考えています。
プラグインは、ユーザーのマウス入力に応答してビューティヒントのみが表示されるデフォルトの「ホバー」モードで使用すると、完全に機能することに注意してください。残念ながら、アプリケーションには、追加のユーザー操作なしでフォームの送信後にすべての検証エラーを表示する必要があるという設計上の制約があります。
完全に私を逃している本当にシンプルでエレガントな修正があると確信しています。もちろん、アニメーションを使用してページ コンテンツを表示しないようにすれば、この面倒なことはすべて回避できますが、それは高い代償のように思えます。