应用程序中的 Javascript.js对于_form部分中的字段无法用于编辑操作

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