Question

我在html頁面上有一堆<a> s，每個頁面都與form相關聯，並希望在表單本身取得時顯示「加載」圖像（這似乎需要很長時間，但也許這是另一回事）。

所以我做了一個有點hackish在這些a小號

frmContent = $ (this).nextAll ("form").clone(); 
$ ("body").html ("<div class='preload'><img src='./img/loading.gif' /><br/>Caricamento in corso<\/div>"); 
$ ("body").append(frmContent); 
frmContent.submit(); 

onclick事件這似乎在Firefox和IE9的作品。問題是兼容模式啓用時，這不起作用。

我也想過用不同的東西時，瀏覽器被公認爲IE7，像這樣：

if ($.browser.version != "7.0") { 
    frmContent = $ (this).nextAll ("form").clone(); 
    $ ("body").html ("<div class='preload'><img src='./img/loading.gif' /><br/>Caricamento in corso<\/div>"); 
    $ ("body").append(frmContent); 
    frmContent.submit(); 
} else { 
    $ (this).nextAll ("form").submit(); 
} 

因此不會顯示預加載動畫，但這種失敗的目的。

由於我不能強制用戶關閉兼容模式，並且由於此頁面也必須在IE7中工作，該片段有什麼問題？有沒有更好的方法來做到這一點。

Answer 1

在提交表單之前，將表單追加到表單中。

frmContent = $ (this).nextAll ("form").clone(); 
    $ ("body").html ("<div class='preload'><img src='./img/loading.gif' /><br/>Caricamento in corso<\/div>"); 
    frmContent.hide(); 
    $ ("body").append(frmContent); 
    frmContent.submit(); 

就像解決方法。我沒有理由用預加載div替換所有正文HTML並克隆表單。你可以簡單地隱藏一切之前提交，並追加預緊DIV：

$ ("body").children().hide(); 
    $ ("body").append($("<div class='preload'><img src='./img/loading.gif' /><br/>Caricamento in corso<\/div>")); 
    $ (this).nextAll ("form").submit();