javascript - 模态对话框加载 jquery 在控制台中执行但不从 application.js 加载

Question

我有一个使用 twitter-bootstrap 的应用程序，我正在尝试实现一个按钮，该按钮将启动一个模式框加载用户/新路径。我能够做到这一点，但前提是我将代码的 javascript 部分直接输入到控制台中。放入 application.js 什么都不做。

这是它在视图中的设置方式：

<a class="btn" id="modal" data-toggle="modal" href="#userModal" >New Reserver</a>

<div class="modal hide" id="userModal">
</div>

如果我按下按钮而不执行任何 javascript，则会按预期加载一个空的模式框。但是，如果我在模式框打开或单击按钮之前在浏览器的 javascript 控制台中运行以下代码，则一切都会正确呈现。在我的 users/new 内部是一个局部表单，它也被渲染并正常运行。为什么它不能在我的 application.js 中正确执行？

$('#userModal').load('users/new #content');

Answer 1

原来代码是在 DOM 正确加载之前执行的。我确信我之前已经检查过了，但显然我的语法是错误的。这修复了它

$().ready(function() {
  $('#userModal').load('users/new #content');
});