Rails - 如何确保已在 js.erb 中呈现部分内容

Question

我正在尝试将 JS 函数绑定到文本字段（“文本”类型的输入）。使用 JQuery 2.0.2 和 Rails 3.1 我在位于 assets/javascripts 的 .js.coffee 文件中执行此操作：

window.test_questions = {}
window.test_questions.bind_input = ->
  $('#question_content').on 'input', ->
    // do something

然后在位于views\TheRightController 文件夹中的.js.erb 中运行：

$('#new_question').html('<%= escape_javascript(render("new_question_form")) %>');   
test_questions.bind_input();

#question_content 在部分渲染之前不存在于页面上。我担心bind_input()会在渲染完成之前运行，找不到#question_content并没有绑定任何东西。

我不是 100% 这是一个问题（我的代码目前正在运行），但我担心如果我在其他地方使用“更重”的渲染它会中断。

我的担心是徒劳的吗？ 有什么方法可以确保渲染完成没有错误，然后才执行下一行。

Answer 1

这里有两个步骤。

首先执行 Ruby 脚本并将其转换为纯 html/javascript 文件。这是由服务器在将页面提供给客户端之前完成的。在这一步，你所有的<%= %>都会被执行。所以不用担心JavaScript会在Railsrender之前执行。

然后客户端接收页面并开始渲染它并执行javascript。如果你在bind_input 之前调用$('#new_question').html，同样不用担心，它会同步执行，你的选择器#question_content 会起作用。但是，如果您在 DOM 完全加载之前运行 $('#new_question')，则另一个选择器可能会中断。为防止这种情况，请使用 JQuery 的$(document).ready()。