7

曖昧にするつもりはありませんが、何が起こっているのかわかりません。

このコードは機能します：

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

以下を生成します。

ここに画像の説明を入力

ご覧のとおり、右側の境界線には十分なスペースがあります。気付かないかもしれませんが、すべてのコンテンツが約 5px 中心からずれています。これを修正するには、jquery ダイアログの幅を 5px だけ減らすと考えました。

        width:  300,  // decreased by 5

ただし、これにより何らかの理由でダイアログが壊れます。それはこれを生成します：

ここに画像の説明を入力

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

問題のフィドルが以下に提供されています。

4

2 に答える 2

3

Firefox で開発者モードに移動し、要素の幅やその他のプロパティを 1 つずつ調べます。問題を見つけるのに役立ちます。

于 2013-09-24T12:42:12.763 に答える
1

file_input 要素が、Firefox のブラウザー要素インスペクターによって検出されていないことが判明しました。理由がわからない。不透明度が 0 に設定されているため、表示できませんでした。複雑な要因は、それが検査できなかったことです。より正確には、要素の一部のみが検査可能です。ダイアログが「途切れない」状態になるまで要素を削除することで、これを見つけました。次に、この要素の不透明度を上げて、ダイアログが壊れていることを確認しました。

DOM インスペクタが問題のある要素を検出していれば、この長いプロセスは短縮できたはずです。

ファイル入力の他の部分を検出しても、ファイル入力の一部のみを強調表示するため、これを DOM インスペクターに対するバグとして報告します。非常に誤解を招く。

于 2013-10-11T14:23:49.473 に答える