我想在点击删除图片时显示弹出模式

Question

Jquery code is

$(".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 code is

<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>

button is

when I using button it is deleting data

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

But not showing popup. and How to delete and show popup when using image.

Answer 1

将jquery代码放在document.ready中并使用.click而不是.live

Document.ready(function(){ $(".confirmDialog").click(function(){ }); });

Answer 2

As Rory McCrossan and Raphael Mayer in your comments has suggested to use ".on" instead of ".live" as this has been removed from newer versions of jQuery.

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

Here is some documentation from jQuery:

• http://api.jquery.com/live/
• http://api.jquery.com/on/

Hope this helps.