使用Rails UJS加载内容时指定微调器

Question

我正在使用Rails UJS将部分加载到容器中，具体取决于我单击的链接。我已经完成了所有工作（请参阅我的问题here的答案代码），但我想在内容加载时添加一个微调器。我该怎么做呢？我在Simone Carletti的post on 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>

任何人都可以帮助我吗？

Answer 1

请参阅this SO answer for more info，但最简单的方法是绑定到ajax:before和ajax:after事件以显示/隐藏微调器。

是通过javascript_event_tag还是通过绑定外部JS文件来执行此操作是另一个问题。