jquery弹出窗口无法正常工作

时间:2012-05-21 10:04:31

标签: jquery

我想在我的mvc3 razor应用程序中打开一个pop,因为我想知道下面的代码。 当我点击按钮时。没有任何事情发生。我在错误控制台中看到错误“$(#dialog).dialog不是一个函数”。我是jquery的新手,任何人都可以帮我解决我的错误。

 $(function () {   
        $('#dialog').dialog({
            autoOpen: false,
            width: 400,
            resizable: false,
            title: 'hi there',
            modal: true,
            open: function(event, ui) {
                //Load the Edit action which will return 
                // the partial view _Edit
                $(this).load("@Url.Action("Edit")");
            },
            buttons: {
                "Close": function () {
                    $(this).dialog("close");
                }
            }
        });

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

1 个答案:

答案 0 :(得分:3)

要使用.dialog,您必须在页面上加载jQuery和jQueryUI。

将此添加到您的HEAD

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script>