私は、Ajaxリクエストをjqueryのを使用して作られているときに表示されるスピナーがあります。要求は、実際にこのケースではkeyUpイベントで行われのAjaxスピナー
$(document).bind("ajaxStart", function() {
$('#myloader').show();
});
$(document).bind("ajaxStop", function() {
$('#myloader').delay(1000).fadeOut('fast');
});
を、私は仕事にしようとしています複数のフィールドでこのスピンナーを使用する方法を説明しているので、スピンナーは各フィールドの隣に表示されます。
スピナーイメージを配置することは問題ではありませんが、イメージを各フィールドに接続することは難しいと感じています。それが理にかなっていれば?
--UPDATE--
答えは非常に有用ですが、私は探して何イムと思ういけません。
<div class="form_element">
<%= f.label :email, :class=>"field_hint", :title=>"Email" %>
<%= f.text_field :email %>
<div class="myloader" style="display:none;">
<p>
validating...
</p>
</div>
</div>
<div class="form_element">
<%= f.label :username, :class=>"field_hint", :title=>"Username" %>
<%= f.text_field :username %>
<div class="myloader" style="display:none;">
<p>
validating...
</p>
</div>
</div>
これらのフィールドの両方がリモート呼び出しを行うからkeyupがあります
は、私は、次のコードを持っています。 Ajaxは、両方のスピナーが表示され発生したとき、私はその場に各スピナーdiv要素が関連するようにする方法をうまくしようとしています現時点では
$('.form_element').ajaxStart(function() {
$(this).children('.myloader').show();
});
$('.form_element').ajaxStop(function() {
$(this).children('.myloader').delay(1000).fadeOut('fast');
});
:私は少しのコードを変更しました。
私はAjaxを初めて使っているので、おそらくajaxStart/Stopを別の方法でやっていることについてのアドバイスは歓迎されています。