Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/433.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Rails,javascript在转到下一条记录时不工作_Javascript_Jquery_Ruby On Rails - Fatal编程技术网

Rails,javascript在转到下一条记录时不工作

Rails,javascript在转到下一条记录时不工作,javascript,jquery,ruby-on-rails,Javascript,Jquery,Ruby On Rails,在我的show页面中,我有一个链接,它将用户带到下一条记录,当用户单击该链接时,将加载下一个页面,但在我刷新页面之前,我的javascript将无法工作 模型 ... def next_question self.class.where("id > ?", id).first end ... 控制器 ... def show @question = Question.find(params[:id]) end ... 看法 }页面加载时,您的按钮将绑定单击事件。

在我的show页面中,我有一个链接,它将用户带到下一条记录,当用户单击该链接时,将加载下一个页面,但在我刷新页面之前,我的javascript将无法工作

模型

...

def next_question
    self.class.where("id > ?", id).first
end

...
控制器

...

def show
    @question = Question.find(params[:id])
end

...
看法


}

页面加载时,您的按钮将绑定单击事件。但是,当您单击“下一页”按钮并且新加载的DOM不会绑定
click
事件时,您需要使用
on
来绑定事件,而不是
click

window.onload = function() {
$( "#yes_button" ).click(function() {
  $( "#y_n_buttons" ).slideUp( "slow", function() {
  });
});
$( "#no_button" ).click(function() {
  $( "#y_n_buttons" ).slideUp( "slow", function() {
  });
});
}


我尝试了新代码,但仍然不起作用,有没有办法每次都重新加载js?
window.onload = function() {
$( "#yes_button" ).click(function() {
  $( "#y_n_buttons" ).slideUp( "slow", function() {
  });
});
$( "#no_button" ).click(function() {
  $( "#y_n_buttons" ).slideUp( "slow", function() {
  });
});
window.onload = function() {
$( "#yes_button" ).click(function() {
  $( "#y_n_buttons" ).slideUp( "slow", function() {
  });
});
$( "#no_button" ).click(function() {
  $( "#y_n_buttons" ).slideUp( "slow", function() {
  });
});
}
$(function(){
  $(document).on('click', "#yes_button", function() {
    $("#y_n_buttons").slideUp( "slow", function() {
    });
  });
  $(document).on('click', "#no_button", function() {
    $("#y_n_buttons").slideUp( "slow", function() {
    });
  });
})