2011-07-28 25 views
0

早上好,jQuery的負載(NBUBNA)將不會顯示在表格IMG

提交我使用內特Bubna的loading插件使用jQuery。一切都運作良好,直到我試圖在提交表單時顯示圖像。這發生在Firefox> = 4.0,其他所有瀏覽器都能正常工作。如果我在.loading後面添加另一個電話並將Firebug設置爲打開,我的(微調)Loading ...顯示(!?)。

點擊提交後,我將獲得我的div的面具,但不幸的是沒有微調,甚至默認的「加載...」文本。如果我刪除img選項,它工作正常。

這裏是我的代碼示例:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html dir="ltr" lang="en-US" 
xmlns="http://www.w3.org/1999/xhtml"><head><title>.loading()</title> 
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" /> 
<script type="text/javascript" src="javascripts/jquery.min.js"></script> 
<script type="text/javascript" src="javascripts/jquery.measure.js"></script> 
<script type="text/javascript" src="javascripts/jquery.place.js"></script> 
<script type="text/javascript" src="javascripts/jquery.mask.js"></script> 
<script type="text/javascript" src="javascripts/jquery.pulse.js"></script> 
<script type="text/javascript" src="javascripts/jquery.loading.js"></script> 
<script type="text/javascript"> 
$(function() { 
    $('form').submit(function() { 
    $.loading(true, { pulse:'working fade ', mask:true, img: 'images/loading.gif' }); 
    }); 
}); 
</script> 
</head> 
<body> 
    <div id="container"> 
    <form id="form" name="form" action="" method="post"> 
     <label for="foo">Foo: </label> 
     <input type="text" id="foo" name="foo" value="" /> 
     <input type="submit" name="Submit" value="Submit" /> 
    </form> 
    </div> 
</body> 
</html> 

+0

如果你改變'$(函數(){'是'$(文件)。就緒(函數(){'它解決這一問題? –

+0

不幸的是,沒有。 – messedupfir

回答

1

試試這個,我希望它會工作。

$(function() { 
    $('form').submit(function(e) { 
    $.loading(true, { pulse:'working fade ', mask:true, img: 'images/loading.gif' }); 
    e.preventDefault(); 
    var $form = $(this).unbind('submit'); 
    setTimeout(function(){ 
     $form.submit(); 
    }, 100); 
    }); 
}); 
+0

同樣的結果,我但是,感謝你的努力 – messedupfir

+0

你可以嘗試增加一些額外的超時延遲,可能是300-400 – ShankarSangoli

+0

好吧,我改變了** e.preveDefault(); ** to ** e.preventDefault( )**和** $(函數(){**到** $(文檔).ready(函數(){**和它的工作! – messedupfir