application.js 中 _form 部分字段的 Javascript 无法用于编辑操作

Question

我有一些 javascript 来控制 _form 部分中的某些字段如何根据单击的单选按钮工作。当我输入新记录(新)操作时，一切正常，但在编辑期间，呈现相同的 _form 部分，javascript 似乎没有任何效果。

为什么会有奇怪的行为？

这是代码示例:

$(document).ready(function(){
    $('input[name="staff[optquestion]"]').on('change', function() {
        $('select[name="staff[Redesignation]"]').attr('disabled', this.value 
!= "true")
    });
});


$(document).ready(function(){
    $('input[name="staff[staffpresent]"]').on('change', function() {
        $('select[name="staff[absent_reason]"]').attr('disabled', this.value 
!= "false")
    });
});

我还注意到，当我在手机上加载同一页面时，JavaScript 似乎不起作用。

Answer 1

如果您安装了 turbolinks 那么它一定无法工作，请参阅 turbolinks文档，编写这样的代码

$(document).on('turbolinks:load', function(){
    $('input[name="staff[optquestion]"]').on('change', function() {
        $('select[name="staff[Redesignation]"]').attr('disabled', this.value 
!= "true")
    });
});

添加了turbolinks:load