JQuery - 检查滑动滑动时滑动

Question

$(document).on('click', '.selector', function(event){ 
    var id = $(this).data('id'); 
    event.stopPropagation(); 
    var $target = $(event.target); 

    $.ajax({ 
     type: "GET", 
     url: "components/display.cfc?method=displayFields&ID=" + id + "&returnformat=plain", 
     success: function(html){ 
      $('.myDiv').append(html); 
      if ($target.closest("td").attr("colspan") > 1) { 
       $target.slideUp(); 
      } else { 

       $target.closest("tr").next().find("p").slideToggle(); 
      }   
     }, 
     error: function(jqXHR,textStatus,errorThrown){ 
      console.log(textStatus);  
     } 
    });  
}); 

我需要检查slideToggle滑动时，以便我可以重置/删除html的值。这怎么可能？

Answer 1

在slideToggle()函数后输入callback;

$(document).on('click', '.selector', function(event){ 
    var id = $(this).data('id'); 
    event.stopPropagation(); 
    var $target = $(event.target); 

    $.ajax({ 
     type: "GET", 
     url: "components/display.cfc?method=displayFields&ID=" + id + "&returnformat=plain", 
     success: function(html){ 
      $('.myDiv').append(html); 
      if ($target.closest("td").attr("colspan") > 1) { 
      $target.slideUp(); 
      } else { 

       $target.closest("tr").next().find("p").slideToggle(); 
       alert("Finished"); // <- callback here 
      }   
     }, 
     error: function(jqXHR,textStatus,errorThrown){ 
      console.log(textStatus);  
     } 
    }); 
}); 

Answer 2

幻灯片切换必须做一个回调函数，这将幻灯片动画后发生的能力。这可能适合你的情况。幻灯片切换

文档可以在这里读到：http://api.jquery.com/slidetoggle/

正确使用您的具体情况：

$(someElement).slideToggle(function(){ 
    //Any code in here will be executed after the slideToggle function has finished 
});