点击事件只触发一次铁路

Question

这是custom.js

中包含的代码

//on turbolinks load
var ready;

ready = function() {
    console.log("turbolinks ready")
    $("body").on("click", ".show-answer-link",function(){
        alert(1)
    });
};

//on documentload and on turbolinks load call ready function (it is calling just once)
$(document).ready(ready);
$(document).on('page:load', ready);

我也有

<a class="show-answer-link>show</a>

点击事件只会触发一次。

如果我将js脚本从外部文件移动到内联 <script>标记 - 效果非常好。

如果你需要它 - 我的application.js

//= require jquery
//= require jquery.turbolinks
//= require jquery_ujs
//= require turbolinks
//= require_custom
//= require_tree .

还有我的Gemfile

gem 'turbolinks'
gem 'jquery-turbolinks', '~> 2.1'

Answer 1

您是否尝试更改require ..

的顺序

//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require jquery.turbolinks
//= require_custom
//= require_tree .

Answer 2

添加

return false;

我的点击功能解决了这个问题！