jQuery slideDown（）5秒後隱藏和滑動後

我如何使div #eFileStatus和#sFileStatus slideDown然後等待5秒和slideUp，這是我的功能，當前工作並在5秒後滑動。jQuery slideDown（）5秒後隱藏和滑動後

function changeShare(addr) 
{ 
    var conf = confirm("Changing the share url will cause the previous URL to not be accessible\nAre you sure?"); 
    if(conf == true) 
    { 
     // ajax request to change share url, create div after #key containing status message 
     $.post("/var/jq/ajaxrequest.php", { changeShare: addr }, 
     function(data){ 
      $('#key').after('<div id="'+data.returnValue[0]+'FileStatus">'+data.returnValue[1]+'</div>'); 
     }, "json"); 
     // reload data in #key with new share url 
     $("#key").load(window.location.pathname+" #key > *"); 
     // slideup the status message div 
     setTimeout(function(){ 
      $('#eFileStatus').slideUp(); 
      $('#sFileStatus').slideUp();   
     }, 5000); 
    } 
}

我曾嘗試：

 $("#eFileStatus, #sFileStatus").hide().slideDown(function(){ 
      setTimeout(function(){ 
       $('#eFileStatus').slideUp(); 
       $('#sFileStatus').slideUp();   
      }, 5000); 
     });

但這並不滑下，同時也停止了向上滑動。

來源

2013-09-23 user1869566

爲什麼需要hide（）在這裏？ –

你檢查了瀏覽器的控制檯是否有任何錯誤？你的代碼應該可以正常工作：http://jsfiddle.net/koala_dev/fWZyT/雖然更好的方法是使用'delay（）' –

@ eicto因爲'slideDown（）'動畫不需要隱藏元素， t對可見元素採取行動 –

好吧，我找到了解決方案，正如你所看到的，我將slideDown放入了ajax函數，因此它在嘗試slideDown之前等待創建div。

function changeShare(addr) 
{ 
    var conf = confirm("Changing the share url will cause the previous URL to not be accessible\nAre you sure?"); 
    if(conf == true) 
    { 
     // ajax request to change share url, create div after #key containing status message 
     $.post("/var/jq/ajaxrequest.php", { changeShare: addr }, 
     function(data){ 
      $('#key').after('<div id="'+data.returnValue[0]+'FileStatus">'+data.returnValue[1]+'</div>'); 
      // reload data in #key with new share url 
      $("#key").load(window.location.pathname+" #key > *"); 
      // slideup the status message div 
      $("#eFileStatus, #sFileStatus").hide().slideDown().delay(5000).slideUp(); 
     }, "json"); 
    } 
}

來源

2013-09-24 00:04:38 user1869566

jQuery slideDown（）5秒後隱藏和滑動後

回答

相關問題