gpt4 book ai didi

Javascript dialog() 函数在我的 MVC 代码中不起作用

转载 作者:行者123 更新时间:2023-11-29 10:52:53 25 4
gpt4 key购买 nike

这是我的 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>

我已经编辑了我的代码..我在按钮旁边包含了警报框..当我点击按钮时我能够得到警报框但是对话框没有工作

最佳答案

您嵌套了两个 document.ready 函数。像这样尝试:

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

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

Demo.


更新:

在众多评论之后,在 ASP.NET MVC 应用程序中设置它似乎仍然存在问题。因此,这是获得有效解决方案的分步指南:

  1. 创建一个新的 ASP.NET MVC 2 应用程序
  2. 用以下内容替换 Index.aspx View 的内容:

    <%@ 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>
  3. 运行应用

  4. 点击“添加值”按钮

关于Javascript dialog() 函数在我的 MVC 代码中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6761507/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com