单击删除图像时,我想显示弹出模式

时间:2019-06-06 09:37:16

标签: javascript c# jquery ajax model-view-controller

jQuery代码是

$(".confirmDialog").live("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;

});

HTML.cshtml代码是

<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 to delete ?
</p>

按钮是

当我使用按钮时,它正在删除数据

                    @Html.ActionLink("Delete", "Delete", new { id = item.Sid }, new { @class = "confirmDialog" })

但不显示弹出窗口。和 使用图像时如何删除和显示弹出窗口。

2 个答案:

答案 0 :(得分:0)

将jquery代码放入document.ready中,并使用.click代替.live

function run() { }

答案 1 :(得分:0)

Rory McCrossan和Raphael Mayer在您的评论中建议使用“ .on”而不是“ .live”,因为这已从较新版本的jQuery中删除。

$(".confirmDialog").on("click", function (e) {
    ...
    ...
});

这是jQuery的一些文档:

希望这会有所帮助。