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

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');
});