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

安托万

嗨,我有这个 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." );
    });
});

我的问题是它只在页面加载时才起作用。一旦页面被加载,如果我再次点击它就不会工作。

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

巴蒂斯塔

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

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章