使用js/jQuery顯示'保存...'消息，然後重定向到頁面

我試圖在單擊頁面上的一個asp按鈕時顯示一條saving....消息。使用js/jQuery顯示'保存...'消息，然後重定向到頁面

我大部分工作正常，但fadeOut不適合我，消息會在屏幕上閃爍，然後消失，重定向將發生。

這是代碼：

$(document).ready(function() { 
    $("input[id$='btnSaveBanners']").click(function() { 

     var elem = $('#save-msg'); 
     elem.toggle(); 
     elem.fadeOut(3000); 

     setTimeout(function() { window.location.href = "/Admin/Orders/ViewAll.aspx"; }, 5000); 
     }); 
});

而且我的網頁上定義的元素：

<span id="save-msg" style="display:none;">Saved...</span>

我想也許調用toggle()與動畫interfereing不知何故，所以我試圖消除style屬性來清除display:none;，這根本沒有任何幫助。我正在使用jQuery 1.7.2和jQuery UI 1.7.2。

我創建本地運行Saved...消息時使用完全相同的代碼，但它工作問題的jsFiddle只是閃爍在屏幕上，然後重定向發生。

任何其他建議的嘗試？

來源

2013-07-16 DGibbs

**如果它在例子**中有效，那麼很可能**我們不會發現錯誤是**。如果你不能刪除部分原始代碼以使它更接近這個例子（直到它可以工作），那麼我會檢查是否存在其他事件處理程序（如果它是提交按鈕）以及setTimeout代碼是否工作（登錄到安慰）。 –

感謝您的建議，我給這一個嘗試，回來以後 – DGibbs

@Adriano我認爲這個問題是，''是'UpdatePanel'內從本節中取出看到的一切工作正常。你知道它會導致這個問題的原因嗎？我可能會將其移出面板並將其放置在正確的位置。 – DGibbs

嘗試fadeOut回調方法。如下所示。

 $(document).ready(function() { 
     $("input[id$='btnSaveBanners']").click(function() { 
      var elem = $('#save-msg'); 
      elem.toggle(); 
      elem.fadeOut(3000, function() { 
       setTimeout(function() { window.location.href = "/Admin/Orders/ViewAll.aspx"; }, 5000); 
      }); 
     }); 
    })

來源

2013-07-17 14:30:33 Douglas

使用js/jQuery顯示'保存...'消息，然後重定向到頁面

回答

相關問題