"Something"がこのjqueryuiダイアログを壊しています。それは何ですか？

Question

私はあいまいではありませんが、何が起こっているのか分かりません。

このコードは動作します：

this.J.button_update.click(function() { 
    self.J.dialog_hold.dialog({ 
     resizable: false, 
     modal: true, 
     width: 305, 
     height: 360 
    }); 
}); 

それは生産：

あなたが右の境界の余地があると見ることができるように。あなたが気づいていないことは、すべてのコンテンツが約5ピクセルで中央から外れていることです。この問題を解決するには、私はちょうどのような5pxのでjqueryのダイアログ幅を減少させるだろうと思った：

 width: 300, // decreased by 5 

しかし、これは、何らかの理由でダイアログを破ります。それは、これを生成します。

私はさらにトラブルシューティングするにはどうすればよいですか？

問題のフィドルは、以下に提供されています：Firefoxで、デベロッパーモードに

Answer 1

移動して、その幅や他のproperties..Itのために1によって要素1を検査して問題を見つけるのに役立ちます。..

Answer 2

Firefoxのブラウザ要素インスペクタでfile_input要素が検出されていないことが判明しました。理由は分かりません。不透明度が0に設定されているため、見えませんでした。複雑な要因は、検査ができないことです。より正確には、要素の一部のみが検査可能である。私はダイアログが "破られない"ようになるまで要素を削除することでこれを発見しました。次に、この要素の不透明度を上げて、ダイアログを破っていることを確認しました。

これは、DOMインスペクタが問題の要素を検出した場合に、時間のかかるプロセスが短縮されている可能性があります。

これは、DOMインスペクタのバグとしてファイルの一部をハイライト表示するため、ファイルの他の部分を検出しても、このファイルをバグとして処理します。非常に誤解を招く。