Jquery：image加載器位置和隱藏混亂

我有一個模式對話框彈出，然後加載並顯示加載器圖像，然後一秒鐘後它將隱藏並預覽「modalLogin」頁面。Jquery：image加載器位置和隱藏混亂

首先加載主頁面並單擊模式對話框的按鈕彈出它是好的，但是當我關閉模式對話框並再次單擊模式按鈕時，加載就搞亂了！所以任何人都可以向我解釋什麼是錯的？

$(href).fadeIn(100, function(){ 
       $('#loadingImage').show(1,function(){ 

        setTimeout(function(){ 
         $('#loadingImage').hide(1, 
          function(){ 

          if(thisId == 'loginModal'){ 
           $('#previewOutput').load('modalLogin.php'); 
           //alert("Login"); 
          } 
         } 
       );        

        },500); 

       }); 

      });

下面的鏈接：http://jsfiddle.net/UZ6JN/1/

來源

2013-02-28 Jopay

您的小提琴適用於我 - 點擊分享打開窗口短的旋轉動畫 - 關閉並重新打開工作正常 – Joshua 2013-02-28 10:35:32

是的它是工作正常，但是當你關閉模式，然後再次點擊共享它是搞砸了。但現在好了。只是要把隱藏#previewOutput – Jopay 2013-02-28 10:46:13

它，因爲當你把文字與.html()它在那裏停留，如果你想看到正確的，然後在此添加一行：

$('.window .close').click(function (e) { 
    //Cancel the link behavior 
    e.preventDefault(); 
    $('#previewOutput').html(''); //<--------add this one here 
    $('#mask').hide(); 
    $('.window').hide(); 
});

check this out in fiddle here

來源

2013-02-28 10:44:58 Jai

是的，我已經想通了。順便謝謝。：D – Jopay 2013-02-28 10:48:59

嗯....太棒了！---'：）' – Jai 2013-02-28 10:49:44

@Jopay在這種情況下，您應該接受答案，我想。 – strah 2013-02-28 11:18:06

Jquery：image加載器位置和隱藏混亂

回答

相關問題