c# - 在带有 VS2010 的 asp.net mvc 4 中使用 jqueryUI 打开模式窗口

Question

我试图通过单击链接在我的 asp.net mvc 4 项目中打开一个模式窗口。我编写的代码没有任何反应。我错过了什么？我已经在我的站点管理员中引用了这些链接。

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

这是我的代码

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/SiteMaster.cshtml";
}


<div id="dialogMsg" title="I'm Title of dialog">
            Hello I'm dialog body.
</div>


<a href="#" id="thelink">Open Dialog</a>



<script type="text/javascript">


    $(document).ready(function () {



        $("#dialogMsg").dialog({
            autoOpen: false,
            height: 300,
            width: 350,
            modal: true,
            buttons: {
                "Do something": function () {
                    var bValid = true;

                    $(this).dialog("close");

                },
                Cancel: function () {
                    $(this).dialog("close");
                }
            },
            close: function () {
                allFields.val("").removeClass("ui-state-error");
            }
        });




        $('#thelink')
        .click(function () {
            $('dialogMsg').dialog('open');
        });
    });
</script>

Answer 1

您错过了# 实际打开对话框的选择器。看这里：

$('#thelink')
    .click(function () {
        $('dialogMsg').dialog('open');
    });

将其更改为：

$('#thelink')
    .click(function () {
        $('#dialogMsg').dialog('open');
    });