阿賈克斯圖像提交它顯示精細

這裏是代碼正在使用，以顯示對形式的AJAX圖像提交：阿賈克斯圖像提交它顯示精細

$(document).ready(function() { 

    $('#form_id').bind('submit', function() { 
     $('#img-div').show(); 
    }); 
    $('#form_id').submit('submit', function(event) { 
     event.preventDefault(); 
.......................... 
...................... 
    }); 

});

這工作正常，在一個頁面，並且不在不同的頁面。在Firefox上這兩個頁面都可以正常工作。

可能是自己做錯了什麼在上面的代碼...

編輯：

這只是發生在一個特定的情況下。 AJAX調用使得頁面無響應，並且圖像不顯示，如果我顯示一個加載圖像，它在ajax調用期間停止動畫。我嘗試使用jQuery UI對話框，仍然相同的結果，雖然在Firefox上工作正常。

來源

2012-01-05 jqueryEnthusiast

好的。 .bind('submit',function(){})類似於.submit(function(){})。而.submit()函數不需要'submit'作爲參數。

我想你想要的代碼是這樣的：

$(document).ready(function() { 
    $('#form_id').submit(function(event) { 
     event.preventDefault() 
     $('#img-div').show() 
     //...................... 
     //...................... 
    }) 
})

嘗試這一點，讓我知道。我懷疑Firefox可能對你的破解代碼更加寬容，而其他瀏覽器剛剛破解時就會崩潰。

來源

2012-01-05 23:16:17 SpoonNZ

同樣的問題，Firefox顯示正常，但所有其他瀏覽器在提交時不顯示加載圖像。當我在「$（'＃img-div'）。show（）」之前和之後發出提醒時，動畫圖像會顯示直到第二次提醒，之後停止動畫... – jqueryEnthusiast 2012-01-06 14:17:37

我懷疑您需要預先設置，加載圖像以使其可靠地工作。要測試這一點，只需在頁面上的其他地方彈出相同的圖像，看看它是否有所作爲。如果是這樣，我們可以幫助預加載（或谷歌可以） – SpoonNZ 2012-01-08 21:52:28

我試過了，圖像加載得很好，但是當AJAX調用通過$ .getJSON或$ .get執行時，圖像停止動畫，當我嘗試在點擊按鈕時顯示圖像，並在AJAX調用後隱藏它，它甚至不會顯示。 – jqueryEnthusiast 2012-01-09 00:07:00

阿賈克斯圖像提交它顯示精細

回答

相關問題