Question

我想显示一个弹出框。我试着这样做了。

在布局

中

@Styles.Render("~/Content/css")
<link href="~/Scripts/jquery-ui.css" rel="stylesheet" />
@Scripts.Render("~/bundles/jquery")
<script src="~/Scripts/jquery-ui-1.8.24.min.js"></script>
@Scripts.Render("~/bundles/modernizr")

<script>
$(function () {
    $('#dialog-modal').dialog({
        height: 140,
        modal: true
    });
});
</script>

在我的索引视图中

@{
Layout = "~/Views/Shared/_Layout.cshtml";
ViewBag.Title = "Home Page";
}

<div id="dialog-modal" title="Basic Modal Dailog">
   <p>Successfully Updated</p>
</div>

但这只显示索引视图中的文本（＆＃34;成功更新＆＃34;）而不显示对话框。该对话框不起作用。什么可能导致这个？请帮忙！提前谢谢！

Answer 1

试试这段代码，

<script>
            $(function () {
                $("#dialog-modal").dialog({ modal: true,

                })

        </script>
    }

    <div id="dialog-modal" title="Successully Updated">

    </div>

Answer 2

试试这个：

@Styles.Render("~/Content/css")
<link href="~/Scripts/jquery-ui.css" rel="stylesheet" />
@RenderBody()
@Scripts.Render("~/bundles/jquery")
<script src="~/Scripts/jquery-ui-1.8.24.min.js"></script>
@Scripts.Render("~/bundles/modernizr")

  <script>
    $(function () {
        $('#dialog-modal').dialog({
            height: 140,
            modal: true
        });
    });
    </script>

<div id="dialog-modal" title="Successfully Updated"></div>

JQuery模式并没有被普及

2 个答案: