ユーザーがその中の各要素にマウスを合わせると「ウィグル」するメニューをデバッグする必要があります。これは、InternetExplorerでのみ発生します。他のブラウザでは、マークアップを見ると、イベントがトリガーされるか、スタイルが適用されると更新され、スタイルトレースで確認できます。IEは、私が気付いていない場合は、これを行いません。ページを操作しながら、探索でスタイル/マークアップの更新を確認し、マークアップ/スタイルビューでライブ表示する方法はありますか？
質問する
155 次
2 に答える
1
これは、古い空白のバグのように聞こえます。メニューは順序付けられていないリストから形成されていますか? もしそうなら、各リスト項目の間に改行がありますか (つまり、各 <li></li> は別の行にありますか)?
その場合は、すべての空白を削除してみてください (したがって、すべてのリスト項目が 1 行に表示されます)。
于 2012-10-02T13:30:11.303 に答える
0
したがって、私の問題は、ユーザーが各項目にマウスを合わせると、メニュー項目が「揺れる」ことでした。問題は、これが Internet Explorer でのみ発生することでした。他のブラウザではマークアップとスタイルの「ライブ」ビューを見ることができますが、IE では、ビューの上にあるボタンをクリックするか、F5 を使用して、そのビューを更新することしかできません。ブラウザにマウスを合わせると F5 キーを押すとページがリロードされるため、事態は複雑になります。マウスアウトしてメニュー項目を更新すると、更新ボタンをクリックするまでに変更が失われます。
私の解決策は、mouseover イベントと mouseout イベントによって呼び出される関数を分離することでした。これらは動的に名前が付けられた 7 文字のガベージでした。彼らが呼ばれていたものを手に入れたら、それらを呼び出して、自分でマウスオーバーとマウスアウトのアクションをトリガーすることができました. その後、マークアップ ビューを更新して、変更されているスタイル、適用されたスタイルを確認できました。
on mouse-over イベントにより、要素の上部と下部のパディングを取り除くスタイルが追加されたことが判明しました。他のすべてのブラウザーでは、ボックス モデルがレンダリングされるため、これは問題になりません。IE では、メニューを移動するとすべてが「小刻みに動く」ことを意味していました。
レガシ コードと IE が大好きです。
于 2012-10-03T19:42:12.837 に答える