在控制台中執行模態對話框加載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控制台中運行以下代碼，則所有內容都會正確呈現。 在我的用戶/新用戶內部有一個表單部分，它也可以呈現並正常運行。 為什么在我的application.js內部無法正確執行？

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

Answer 1

原來代碼是在DOM正確加載之前執行的。 我確定我之前已經檢查過，但是顯然我的語法是錯誤的。 這修復了它

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