Я хочу показать модальное всплывающее окно при нажатии на изображение для удаления

Question

Код 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" })

, но не показывает всплывающее окно.и Как удалить и показать всплывающее окно при использовании изображения.

Answer 1

Как Рори МакКроссан и Рафаэль Майер в ваших комментариях предложили использовать «.on» вместо «.live», поскольку это было удалено из более новых версий jQuery.

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

Вот некоторая документацияот jQuery:

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

Надеюсь, это поможет.

Answer 2

поместите код jquery в document.ready и используйте .click вместо .live

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