javascript代码只在页面加载时工作一次

Question

你好，我有这个 HTML 代码:

            <ul class="nav navbar-nav navbar-right">
                <li>
                    <%= link_to "Articulos", articulos_path, id: "ajax_articulos" %>
                </li>
            </ul>

每当有人点击我想要触发的#ajax_articulos 时:

$(document).ready(function(){
    $( "#ajax_articulos" ).click(function() {
      alert( "Handler for .click() called." );
    });
});

我的问题是它只在页面加载时才起作用。页面加载后，如果我再次单击，它将不起作用。

即使在使用时无需刷新页面，我如何才能使该操作再次起作用？

Answer 1

您使用的是哪个版本的 Ruby On Rails？

如果您将 RoR 5 或更高版本与 turbolinks 一起使用，您需要执行以下操作:

$(document).on('turbolinks:load', function() {
  $('.some_parent_class').on('click', '#ajax_articulos', function() { 
      //Handler...
  }
})