Question

第一个功能（可在http://nadiana.com/jquery-confirm-plugin找到）：

 $('#confirm').confirm(
{
    msg: 'You are about to delete gallery and all images related to that gallery. Are you sure?<br>',
    buttons: {
    separator: ' - '
    }
}
);

基本上存在是/否问题，如果您回答是，则继续进行。

第二功能：

$(document).ready(function() {
    $('#load').hide();
});
$(function() {
    $(".delete").click(function() {
        $('#load').fadeIn();
        var commentContainer = $(this).parent();
        var id = $(this).attr("id");            
        var string = 'id='+ id ;

        $.ajax({   
            url: "<?php echo site_url('gallery/delete_image') ?>",
            type: "POST",
            data: string,
            cache: false,
            success: function(){
                commentContainer.slideUp('slow', function() {$(this).remove();});
                $('#load').fadeOut();
            }   
        });
        return false;
    });
});

此功能用于删除图像。我该如何结合这两个功能？首先，我想要询问问题，如果单击是，则继续删除。

Answer 1

根据您链接的文档，您只需对操作和确认使用相同的选择器：

$(document).ready(function() {
    $('#load').hide();

    $(".delete").click(function() {
        $('#load').fadeIn();
        var commentContainer = $(this).parent();
        var id = $(this).attr("id");            
        var string = 'id='+ id ;

        $.ajax({   
            url: "<?php echo site_url('gallery/delete_image') ?>",
            type: "POST",
            data: string,
            cache: false,
            success: function(){
                commentContainer.slideUp('slow', function() {$(this).remove();});
                $('#load').fadeOut();
            }   
        });
        return false;
    });



    $('.delete').confirm(
    {
        msg: 'You are about to delete gallery and all images related to that gallery. Are you sure?<br>',
        buttons: {
        separator: ' - '
        }
    });
});

Answer 2

这个问题与你选择的插件有关，但正如你可以在插件的手册中看到的那样，它只是将两个事件添加到同一个元素中，而插件则完成其余的事情。

来自网站：

简单地说，它保存了绑定到元素的所有事件处理程序的副本，取消绑定它们并绑定它们自己。当用户触发操作时，将显示确认对话框。如果用户选择继续执行操作，则会再次重新绑定处理程序并触发事件。如果用户选择取消操作，则对话框将消失。

所以你需要做的是：

$('#delete').click(function(){ ... });
$('#delete').confirm();

当然，您可以根据需要进行扩展。

如何组合两个jQuery函数？

2 个答案: