jqueryの読み込み（NBUBNAは）私はjQueryを使ってネイトBubnaの<a href="http://jquery-values.googlecode.com/svn/other/loading/jquery.loading.htm" rel="nofollow">loading</a>プラグインを使用しています、

おはよう提出フォーム上のimgjqueryの読み込み（NBUBNAは）私はjQueryを使ってネイトBubnaの<a href="http://jquery-values.googlecode.com/svn/other/loading/jquery.loading.htm" rel="nofollow">loading</a>プラグインを使用しています、

は表示されません。フォームが提出されたときにイメージを表示しようとするまで、すべてがうまくいきます。これは、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>

出典

2011-07-28 messedupfir

あなたは '$（関数（）{'されるように '$（ドキュメント）.ready（関数（変更した場合）{'、それは問題を解決しないが？ –

残念ながら、ない。 – messedupfir

が、私はそれが仕事を願っています、これを試してみてください：

は、ここに私のコードの例です。

$(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); 
    }); 
});

出典

2011-07-28 14:07:18 ShankarSangoli

同じ結果、私はよしかし、あなたの努力に感謝します。 – messedupfir

タイムアウトの遅延をある程度増やすことができますか？300-400 – ShankarSangoli

ok、** e.preveDefault（）; ** ** ** e.preventDefault ）** **と** $（function（）{** to ** $（document）.ready（function（）{**そしてそれがうまくいく！ – messedupfir

jqueryの読み込み（NBUBNAは）私はjQueryを使ってネイトBubnaの<a href="http://jquery-values.googlecode.com/svn/other/loading/jquery.loading.htm" rel="nofollow">loading</a>プラグインを使用しています、

答えて

関連する問題