Question

所有

我在代码中有很多地方，我需要让用户在执行我的AJAX删除方法之前确认他们要删除一些数据。简单而且很常见。

我目前正在使用JS confirm（）。

我花了一些时间研究如何使用JQuery对话框代替Javascript confirm（）方法，以获得JQuery UI提供的样式自由。

是否有一种简单而优雅的方式来实现JQuery UI对话框，以便我可以替换我的confirm（）调用？我喜欢confirm（）方法立即返回的事实，所以我知道下一步该做什么，并且我已经拥有了AJAX回调所需的值，所有这些都在同一范围内，等等。 JQuery UI对话框，似乎需要设置回调函数等等。

这就是我所拥有的

$(document).on('click', '.icon.delete.counselor', function() {

    var result =  confirm('Are you sure you want to delete this counselor?');

    if (result) {

        var divId = $(this).attr("data-attr-divid");
        var recordId = $(this).attr("data-attr-id");
        var queryStr = "counselorId=" + recordId + "&newClubId=" + @Model.NewClub_Id;
        $("#" + divId).fadeOut(300, function() { $("#" + divId).remove(); });

        //ToDo: Call AJAX method to delete sponsor from DB
        $.ajax({
            type: "POST",
            url: '/NewClubOpeningTool/DeleteCounselor',
            data: queryStr,
            dataType: 'json',
            beforeSend: OnBegin,
            success: OnCounselorDeleteSuccess,
            failure: OnFailure,
            timeout: 5000
        });
    }
});

使用JQuery UI匹配Confirm（）的优雅和简洁

0 个答案: