在 Asp.net MVC 中的 javascript dialog() 选项错误

发布时间: 2016/11/12 8:29:55
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我试图弹出点击一个按钮的窗体。我已经包括

  <link href="../../Content/themes/base/jquery-ui.css" rel="stylesheet" />
  <script src="~/Scripts/jquery-1.9.1.min.js"></script>
  <script src="../../Scripts/jquery-ui-1.8.20.min.js">

页。

和使用 >

   <script type="text/javascript">
    $(document).ready(function () {
        $('#AddBook').click(function () {
            $('#form').dialog({
                height: 500,
                width: 500,
                "title": "Add Book "
            }).html();
        });
    });
  </script>

"AddBook"按钮的单击操作第一次它呈现正确的输出。但是,当我第二次单击按钮时,它显示异常"0x800a01b6-JavaScript 运行时错误︰ 对象不支持属性或方法 '对话框。

解决方法 1:

你可以更正确,如使用 MVC:

<link href="@Url.Content("~/Content/themes/base/jquery-ui.css")" rel="stylesheet" type="text/css"/>
<script src="@Url.Content("~/Scripts/jquery-1.9.1.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery-ui-1.8.20.min.js")" type="text/javascript"></script>

或者你可以使用捆绑︰

在 BundleConfig.cs

bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
    "~/Scripts/jquery-{version}.js",
    "~/Scripts/jquery-ui-{version}.js"
));

bundles.Add(new StyleBundle("~/Content/css").Include(
    "~/Content/themes/base/jquery.ui.*",
));

并在视图中的使用︰

@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/jquery")

就没有必要在 callng.html() 在您的脚本。

官方微信
官方QQ群
31647020