0

私は新しいサイトで作業していて、CSS / HTMLに不慣れで、firebugなどについて学び、監視などに非常に役立ちます。しかし、オートコンプリートにあるアイテムに何が起こっているのかを見つけるのに問題がありました。リスト、問題は、firebugをクリックするとアイテムが消えて、それが何であるかがわからないことです。

私は数時間検索していますが、リストに起こっている適切なことを見つけることができません(それはjavascriptですか?javascriptによって追加される新しいcssクラスですか?私はそれを見つけることができません!)

これが私の問題を見ることができるようにURLです:解決しました

トップバーには検索フィールドがあります。文字を入力すると、その文字を取得したオブジェクトのリストが表示されますが、アイテムにカーソルを合わせると、レイアウトが混乱していることがわかります(これは私が修正しようとしている問題です)

デバッグの方法や問題が何であるかを知る方法についての助けは素晴らしいでしょう。

4

3 に答える 3

1

以前にこれに遭遇display: blockし、非表示の要素にインライン スタイルを追加することを余儀なくされたので、関連する CSS をデバッグできました。

もちろん、問題を修正した後、それを削除する必要があります。

于 2012-10-17T22:00:33.570 に答える
1

ページの下部に、 id ui-id-1の ul があります。Firebug で見つけて、display: none; を削除します。次に、リストが表示されるように文字を入力します。これで、デバッグ目的でリスト項目を右クリックできるようになりました。

于 2012-10-17T22:04:57.180 に答える
1

Firebug (または、実際には IE を除くすべてのブラウザーのインスペクター ツール) を使用すると、さまざまな状態 (ホバー、フォーカス、アクティブ) を偽造できます。状態を適用する要素を調べて、ボックスをチェックするだけです。デバッグするために、複数のアイテムにホバーを適用する必要がある可能性があります。

于 2012-10-17T22:02:54.300 に答える