javascript - 使用 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 ，但最简单的方法是绑定(bind)到 ajax:before 和 ajax:after 事件来显示/隐藏微调器。

是否通过 javascript_event_tag 或通过绑定(bind)外部 JS 文件来执行此操作是一个不同的问题。