Javascript asp.net mvc中的jquery模式弹出窗口

我试图复制我在这里看到的例子 使用以下asp.net mvc视图

@{
    ViewBag.Title = "Partial";
}

    <script>
        $(function () {
            $("#dialog").dialog({
                autoOpen: false,
                show: {
                    effect: "blind",
                    duration: 1000
                },
                hide: {
                    effect: "explode",
                    duration: 1000
                }
            });

            $("#opener").click(function () {
                $("#dialog").dialog("open");
            });
        });
</script>

    <div id="dialog" title="Basic dialog">
        <p>This is an animated dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
    </div>

    <button id="opener">Open Dialog</button>


    @section scripts{
        @Scripts.Render("~/Scripts/jquery-1.10.2.js")
        @Scripts.Render("~/Scripts/jquery-ui-1.8.11.js")

        }

@{
ViewBag.Title=“部分”；
}
$（函数（）{
$（“#对话框”）。对话框({
自动打开：错误，
展示：{
效果：“盲”，
持续时间：1000
},
隐藏：{
效果：“爆炸”，
持续时间：1000
}
});
$（“#开场白”）。单击（函数（）{
$（“对话框”）。对话框（“打开”）；
});
});
这是一个动画对话框，用于显示信息。可以使用“x”图标移动、调整和关闭对话框窗口

打开对话框
@节脚本{
@Scripts.Render（“~/Scripts/jquery-1.10.2.js”）
@Scripts.Render（“~/Scripts/jquery-ui-1.8.11.js”）
}

但是jquery没有启动，我不确定我是否正确链接了jquery脚本，或者

我也试过这个

<script src="@Url.Content("~/Scripts/jquery-1.10.2.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery-ui.js")" type="text/javascript"></script>

在页面顶部，但什么也没有

最终，我的目标是使用@Ajax.ActionLink（这对我有用），然后将使用局部视图更新的“div”生成一个模式弹出窗口。但是现在，我无法让这个模式正常工作，我感谢大家的帮助，这是引用

<script src='@Url.Content("~/Scripts/jquery-1.10.2.js")' type="text/javascript"></script>
<script src='@Url.Content("~/Scripts/jquery-ui.js")' type="text/javascript"></script>

：）谢谢@AbdulAhmad