2

プロジェクトに MVC 4 の基本的な css ファイルを含めると、Jquery UI のダイアログ ボックスに問題が発生する理由を、css 忍者なら誰でも推測できるでしょうか? コンテンツの横にタイトル バーが表示され、もちろんすべてがぎゅうぎゅう詰めになっています。言うまでもなく、見栄えがよくありません。

私は HTML 忍者ではありませんが、何かが「float: left」またはそのようなものを引き起こしているようですが、HTML で (firebug を使用して) 「display: block;」と表示されていることがわかります。

ええと、これが私が使用しているHTMLとJSですが、それが本当に役立つかどうかはわかりません。

        $("#addCompanyDialog").dialog({
            title: "Add New Company",
            autoOpen: false
        });

        $("#addCompanyLink").click(function (evt) {
            evt.preventDefault();
            $("#addCompanyDialog").dialog("open");
        }); 

<div id="addCompanyDialog" style="display:none; background-color: yellow; ">
    <input type="text" id="companyName"/>
    <input type="submit" id="addCompany" value="Add Company"/>
</div>

この行をコメントアウトすると

@Styles.Render("~/Content/css")

ダイアログ ボックスが通常の状態に戻りました。つまり、テキスト ボックスとボタンの上にタイトル バーが表示されます。

ありがとう

4

1 に答える 1

4

私はそれを見つけました-それらはそこにあるいくつかのjquery-uiのものをオーバーライドします。ここにCSSの問題のあるビットがあります

.ui-dialog-titlebar {
    color: inherit;
    font-weight: inherit;
    border: 0 none;
    background: none;
   /* float: right;*/    
}

div を検索し続け、実際に "float" を検索しましたが、昨夜これを見逃しました。これは、最初から非常に優れた CSS テンプレートであるため、探す価値があると思ったので、他の人に役立つかもしれません。

甘い！

于 2012-06-15T03:09:01.787 に答える