jquery模式在asp.net mvc中弹出

时间:2014-10-10 18:15:58

标签: javascript jquery asp.net-mvc modal-dialog

我试图复制我在这里看到的例子 http://jqueryui.com/dialog/#animated使用以下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")

        }

但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(这对我有用),然后制作&#34; div&#34;将部分视图更新为模态弹出窗口。但就目前而言,我无法使用这种模式,我很感谢帮助人员

1 个答案:

答案 0 :(得分:1)

它是引号

<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>