Ruby on rails 下拉菜单中的远程链接阻止菜单切换

在rails应用程序中，我使用Bootstrap3及其下拉菜单

当我在内部使用远程链接时，在ajax调用之后，下拉列表不会像普通链接那样切换，它只是保持打开状态。以下是标记：

<div class="btn-group">
  <button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">Moderation<span class="caret"></span>
  </button>
  <ul class="dropdown-menu" role="menu">
    <li>
      <a class="test" data-method="post" data-remote="true" href="/admin/entries/1/accept" rel="nofollow">Accept</a>
    </li>
    <li>
      <a class="test" data-method="post" data-remote="true" href="/admin/entries/1/refuse" rel="nofollow">Refuse</a>
    </li>
  </ul>
</div>

节制

---

我怀疑这与rails ujs捕获事件的方式有关，但我不是javascript专家。

我找到了一种方法使其工作（不确定这是更好的方法，欢迎评论）

$(function () {
    $('ul.dropdown-menu a[data-remote=true]').click(function () {
        $(this).closest('ul').prev('button').dropdown('toggle');
    });
});