bootstrap modal在coffeescript內部不能正常工作

我的問題是，從coffeescript實現的jQuery-UI處理程序中，我無法創建並顯示引導模式。如果我嘗試使用引導文檔中的標準按鈕方法顯示模式，那麼它工作得很好。編輯3：這是使用資產管道的Ruby on Rails 3.2應用程序。bootstrap modal在coffeescript內部不能正常工作

<a href="#my-modal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>

然而，當我做到這從一個jQuery UI的事件處理程序中：

$("#my-modal").modal('show')

或

$("#my-modal").modal({})

我得到這個錯誤：

Uncaught TypeError: Object [object Object] has no method 'modal'

我html非常標準 - 我只是使用了html來回的例子m引導文檔。我有這樣的CoffeeScript對jQuery的UI事件處理程序：

$ -> 
    $("#selectable").selectable(
    selected: (event, ui) -> 
     $("#my-modal").modal({}) 
)

編輯：由於這氣味我試圖與胡鬧一個範圍問題 - >和=>來看看有沒有什麼改變的東西，而是指未更改任何差異。編輯2：我驗證了javascript庫包含在正確的順序：jquery，jquery-ui，jquery_ujs，然後bootstrap.js。是否有可能需要另一個圖書館？

我已經驗證了$（「＃我的模態」）正確地做

console.log $("#my_modal").html()

我不知所措地理解這一發現的模態DOM對象。該代碼對我來說看起來非常簡單直接。

來源

2013-04-07 jaydel

肯定來自缺少的jQuery UI;）。 – Ven 2013-04-07 19:02:43

編輯我的問題，以顯示包含的js庫的順序... – jaydel 2013-04-08 11:45:01

至於演示，這是一個相當大的rails應用程序內。當我拼湊出不在資產管道中的概念驗證碼時，它一切正常。我在軌道資產管道中的事實是我遺漏的大量信息，我將其編輯到問題的頂部......對此抱歉。 – jaydel 2013-04-08 11:48:15

我終於明白了這一點，並認爲我會發布答案，以防其他人遇到這種情況。

我們團隊的其他人使用jQuery引入了Google Analytics，並且重新引入了jQuery AFTER bootstrap將自己注入了jQuery，從而將引導從世界中移除。

由於我們處於項目的第一階段，我們的座右銘是今天不試圖解決未來幾年的問題，所以我解僱了他，我們在他離開時等他回來。當然，他是我的老闆，所以沒有發生過。

來源

2013-04-10 15:58:00 jaydel

bootstrap modal在coffeescript內部不能正常工作

回答

相關問題