0

問題を説明させてください:

私のWebアプリケーションのさまざまなページには、タブページの1つにjqGridを表示するjQueryUIタブが含まれています。これらの各jqGridには、ナビゲーションバーにいくつかのボタン([追加]、[編集]など)があります。問題は、ユーザーがボタンの1つにカーソルを合わせると、ナビゲーションバーの各ボタンのテキストが約1ピクセル右に、1ピクセル下に移動することです。

これは、タブページ内のjqGridでのみ発生します。アプリケーション内の他のグリッドのボタンは正常に機能します(つまり、ユーザーがボタンにカーソルを合わせてもボタンのテキストは移動しません)。

tab show()イベントにコードを追加して、readyイベントでjqGridを初期化するのではなく、タブページが初めて表示されたときにのみjqGridを初期化します。しかし、これは何の効果もないようです。

何か案は?

4

2 に答える 2

2

最後に、これをHTMLドキュメントタイプ定義の構文エラーまで追跡しました。DTDにURIがありませんでした:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

URIが省略されている場合、ブラウザは「クァークズ」モードを使用して、古いブラウザのレンダリングのバグをエミュレートします。Doctypeを以下に修正すると、ピクセルシフトが修正されました。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

おそらく他の誰かがこれが役に立つと思うでしょう。これは私を夢中にさせていました!

于 2009-08-24T14:27:12.720 に答える
0

jqgrid自体に問題がある可能性があります。グリッドの下部のツールバーにボタン(行の編集ボタンなど)があると、そのようなピクセルシフトに気づきました。

于 2009-08-22T17:51:06.570 に答える