Как сделать так, чтобы Ajax Spinner показывался на конкретной странице?
У меня проблемы с показом моего блесна Ajax. Прямо сейчас я проверяю это на моемlocalhost:3000/test
со следующим кодом:
Я нажимаю на ссылку, чтобы показать загрузчик (код Ruby on Rails):
<li><%= link_to "New Test", new_test_path, :remote => true %></li>
у меня естьdiv
загрузчик должен появиться внутри:
<div id="generate-add-form">
<div class="ajax-loader"></div>
</div>
Тогда мои функции, чтобы это появилось:
jQuery( function($) {
$('#generate-add-form').ajaxStart( function() {
$(this).children('.ajax-loader').show();
});
$('#generate-add-form').ajaxStop( function() {
$(this).children('.ajax-loader').hide();
});
});
Последний мой css (некоторые вещи закомментированы, чтобы увидеть, нужно ли это или нет):
.ajax-loader {
display: none;
/*position: fixed;*/
z-index: 1000;
/*top: -13em;
left: 6em;*/
background:url('ajax-loader.gif') 50% 50% no-repeat;
}
body.loading {
overflow: hidden;
}
body.loading .ajax-loader {
display: block;
}
Почему, когда я нажимаю на ссылку, которую он не показывает?
РЕДАКТИРОВАТЬ:
<li><%= link_to "Test", new_test_path, :class => "add-link", :remote => true %></li>
<li><%= link_to "Study Guide", new_study_guide_path, :class => "add-link", :remote => true %></li>
$('#generate-add-form').children('.ajax-loader').hide();
$('.add-link').click( function() {
$('#generate-add-form').children('.ajax-loader').show();
});
Сначала я прячу счетчик, а затем снова показываю его при нажатии. А что между при переходе на другую ссылку?