Укажите спиннер при загрузке контента с Rails UJS - PullRequest
Новая
       4

Укажите спиннер при загрузке контента с Rails UJS

0 голосов
/ 30 октября 2011

Я использую Rails UJS для загрузки партиалов в контейнер в зависимости от ссылки, которую я нажимаю.У меня все работает (см. Мой ответ на мой вопрос здесь для кода), но я хотел бы добавить спиннер во время загрузки контента.Как я могу сделать это?Я нашел краткий пример в сообщении Симоне Карлетти о UJS , но, похоже, не могу правильно его реализовать.

Вот сгенерированный HTML-код: 

<div id="tabs">
  <ul id="infoContainer">
    <li><a href="/profiles/1/profile_reviews" class="active" data-remote="true" id="profile_loader">Reviews</a></li>
    <li><a href="/profiles/1/profile_about" class="inactive" data-remote="true" id="profile_loader">About</a></li>
    <li><a href="/profiles/1/profile_credits" class="inactive" data-remote="true" id="profile_loader">Credits</a></li>
    <li><span id="loading">Loading...</span></li>
  </ul>
  <div id="tabs-1">
    # load data from partials here
  </div>
</div>

Кто-нибудь может мне помочь?

1 Ответ

2 голосов
/ 30 октября 2011

См. этот SO-ответ для получения дополнительной информации , но самое простое, что нужно сделать, это привязаться к событиям ajax:before и ajax:after, чтобы показать / скрыть счетчик.

Другое дело, делать это через javascript_event_tag или связывать во внешнем файле JS.

...