2011-09-09 59 views
1

第一个函数(可在http://nadiana.com/jquery-confirm-plugin找到):如何结合两个jQuery函数?

$('#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; 
    }); 
}); 

此功能用于删除图像。 我如何结合这两个功能?首先,我想问问题,如果单击是继续删除。

+0

当有人说我爱“舒尔”:d – genesis

+1

'$(文件)。就绪(函数(){'和'$(函数(){'实际上是一回事 – Blazemonger

+0

@genesis:!我爱fainthful Linux的家伙')' –

回答

2

根据您联系,您只需使用为您的动作相同的选择和您的确认文件:

$(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: ' - ' 
     } 
    }); 
}); 
+0

没有看到来了: D.谢谢你帮助我。 – Sasha

0

它更是关系到你选择的插件问题,但你可以在插件它只是将两个事件相同的元素和插件没有休息的手册中读出。

从网站:

简单地说,这样可以节省绑定到元素的所有事件处理程序的副本,他们解除绑定并结合本身,而不是。用户触发该操作时会显示一个确认对话框。如果用户选择用动作来进行,它再次重新绑定的处理程序和触发事件。如果用户选择取消操作,对话框将消失。

所以,你需要做的是一样的东西:

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

当然你也可以在需要扩展这个。