Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在asp.net mvc中调用html.actionlink中的javascript确认对话框函数?_Javascript_Jquery_Asp.net_Asp.net Mvc_Asp.net Mvc 4 - Fatal编程技术网

如何在asp.net mvc中调用html.actionlink中的javascript确认对话框函数?

如何在asp.net mvc中调用html.actionlink中的javascript确认对话框函数?,javascript,jquery,asp.net,asp.net-mvc,asp.net-mvc-4,Javascript,Jquery,Asp.net,Asp.net Mvc,Asp.net Mvc 4,我想在用户单击删除按钮时显示确认对话框菜单 但按钮不会触发我的脚本。触发JavaScript后,如果用户选择OK,脚本必须转到操作。否则,如果用户单击“取消”,则不会发生任何事情 下面是JavaScript代码 <script type="text/javascript"> $(document).ready(function () { $(".confirmDialog").on("click", function (e) { //

我想在用户单击删除按钮时显示确认对话框菜单

但按钮不会触发我的脚本。触发JavaScript后,如果用户选择OK,脚本必须转到操作。否则,如果用户单击“取消”,则不会发生任何事情

下面是JavaScript代码

<script type="text/javascript">
    $(document).ready(function () {
        $(".confirmDialog").on("click", function (e) {
            // e.preventDefault(); use this or return false
            var url = $(this).attr('href');
            $("#dialog-confirm").dialog({
                autoOpen: false,
                resizable: false,
                height: 170,
                width: 350,
                show: { effect: 'drop', direction: "up" },
                modal: true,
                draggable: true,
                buttons: {
                    "OK": function () {
                        $(this).dialog("close");
                        window.location = url;
                    }, "Cancel": function () {
                        $(this).dialog("close");
                    }
                }
            });
            $("#dialog-confirm").dialog('open');
            return false;
        });
    });
</script>

$(文档).ready(函数(){
$(“.confirmDialog”)。在(“单击”上,函数(e){
//e.preventDefault();使用此选项或返回false
var url=$(this.attr('href');
$(“#对话框确认”)。对话框({
自动打开:错误,
可调整大小:false,
身高:170,
宽度:350,
显示:{效果:“下降”,方向:“上升”},
莫代尔:是的,
真的,
按钮:{
“OK”:函数(){
$(此).dialog(“关闭”);
window.location=url;
},“取消”:函数(){
$(此).dialog(“关闭”);
}
}
});
$(“#对话框确认”)。对话框(“打开”);
返回false;
});
});
这里是MVC代码

<div style="text-align: right; font-weight: bold; font-size: larger; color: red;">
    <tr>
        <td>@Html.ActionLink("Delete", "Your-Action", new { @class = "confirmDialog" })</td>
    </tr>
</div>
<div id="dialog-confirm" style="display: none">
    <p>
        <span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 20px 0;"></span>
        Are you sure ?
    </p>
</div>

@ActionLink(“删除”,“您的操作”,新建{@class=“confirmDialog”})

你确定?


您正在使用的Actionlink的重载需要第三个参数作为objectroutes而不是htmlattributes

更正actionlink,如图所示:

@Html.ActionLink("Delete", "Your-Action", new{} ,new { @class = "confirmDialog" })


其余的代码都很好

您正在使用的Actionlink的重载需要第三个参数作为objectroutes而不是htmlattributes

更正actionlink,如图所示:

@Html.ActionLink("Delete", "Your-Action", new{} ,new { @class = "confirmDialog" })


其余的代码都很好

您正在使用的Actionlink的重载需要第三个参数作为objectroutes而不是htmlattributes

更正actionlink,如图所示:

@Html.ActionLink("Delete", "Your-Action", new{} ,new { @class = "confirmDialog" })


其余的代码都很好

您正在使用的Actionlink的重载需要第三个参数作为objectroutes而不是htmlattributes

更正actionlink,如图所示:

@Html.ActionLink("Delete", "Your-Action", new{} ,new { @class = "confirmDialog" })


其余的代码都很好

确保,你的链接html看起来像你期望的确保,你的链接html看起来像你期望的确保,你的链接html看起来像你期望的确保,你的链接html看起来像你期望的expected@hislam...welcome.. 如果答案解决了你的问题,那么接受答案,这样接受的答案也能帮助他人。。。。。谢谢。@hislam…欢迎。。如果答案解决了你的问题,那么接受答案,这样接受的答案也能帮助他人。。。。。谢谢。@hislam…欢迎。。如果答案解决了你的问题,那么接受答案,这样接受的答案也能帮助他人。。。。。谢谢。@hislam…欢迎。。如果答案解决了你的问题,那么接受答案,这样接受的答案也能帮助他人。。。。。谢谢