Question

这是我的JS代码

      $(function () {

               $(".button").live("click", function () {
        alert("Dialog page function is working!");
        $(".dialog").dialog("open");
    });

        $(".dialog").dialog({
            buttons: {
                "Ok": function () {
                    $(this).dialog("close");
                }
            }
        });
});



<td>
    <input type="button" value="Add Value" class="button" />
</td>

我已经编辑了我的代码..我已将警报框包含在按钮旁边..当我点击按钮但是对话框不是wrking时，我能够获得提示框

Answer 1

您已嵌套了两个document.ready函数。试试这样：

$(function () {
    $(".button").live("click", function () {
        $(".dialog").dialog("open");
    });

    $(".dialog").dialog({ 
        autoOpen: false,
        buttons: { 
            "Ok": function () { 
                $(this).dialog("close"); 
            } 
        } 
    });
});

Demo.

更新：

在众多评论之后，看起来在ASP.NET MVC应用程序中设置它仍然存在问题。所以这是一个逐步指导，以获得一个有效的解决方案：

创建新的ASP.NET MVC 2应用程序

使用以下内容替换Index.aspx视图的内容：

<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage" %>
<!DOCTYPE html>
<html>
<head>
    <title>Index</title>
    <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/base/jquery-ui.css"> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js"></script> 
    <script type="text/javascript">
        $(function () {
            $('.button').live('click', function () {
                $('.dialog').dialog('open');
            });

            $('.dialog').dialog({
                autoOpen: false,
                buttons: {
                    'Ok': function () {
                        $(this).dialog('close');
                    }
                }
            });
        });
    </script>
</head>
<body>
    <input type="button" value="Add Value" class="button" /> 
    <div class="dialog"> 
        sadffasdf
    </div> 
</body>
</html>

运行应用程序
点击“添加值”按钮

Javascript dialog（）函数在我的MVC代码中不起作用

1 个答案: