2012-02-01 71 views
0

我一直在試圖讓我的Rails 3.1應用程序工作jQueryUI選項卡,但我總是最終得到。如何判斷jQueryUI是否在Rails 3.1中正確加載?

我加載jQuery和jQueryUI的從jquery-rails寶石manualy在我application.js.coffee

#= require jquery 
#= require jquery-ui 
#= require jquery_ujs 
# more requires ... 

jQuery -> 
    // regular jQuery stuff 

我總是得到TypeError: Object [object Object] has no method 'tabs'彷彿jQueryUI的不正確加載。即使我嘗試在控制檯

fail in chrome console

我已檢查jquery-rails寶石的內容,它的存在

$ head -n 2 ~/.rvm/gems/ruby-1.9.3-p0/gems/jquery-rails-1.0.18/vendor/assets/javascripts/jquery.js 
/*! 
* jQuery JavaScript Library v1.7 

$ head -n 2 ~/.rvm/gems/ruby-1.9.3-p0/gems/jquery-rails-1.0.18/vendor/assets/javascripts/jquery-ui.js 
/*! 
* jQuery UI 1.8.16 

爲什麼不jQueryUI的正確加載?我是否還需要在應用程序配置中設置某些內容才能使其加載jQueryUI?有什麼方法可以檢查它何時加載以及從哪裏加載?

我檢查jQueryUI的文件本身,它實際上確實包含的標籤定義...證明:

$ grep tabs ~/.rvm/gems/ruby-1.9.3-p0/gems/jquery-rails-1.0.18/vendor/assets/javascripts/jquery-ui.js | wc -l 
     90 
+1

我想通過查看瀏覽器的調試器控制檯(或螢火蟲等)開始,看看瀏覽器實際上請求/加載jQueryUI的 – 2012-02-01 14:16:55

+0

@FrederickCheung我不認爲這會有所幫助,因爲它應該被編譯到主的application.js文件,然後得到加載作爲一個大文件 – 2012-02-01 14:35:31

+0

你說的肯定包含在jQueryUI的標籤庫-文件? – OptimusCrime 2012-02-01 14:45:16

回答

0

中,如果它是正確加載檢查方面,我建議插件yepnope.js。它允許你測試條件,並行加載腳本,覆蓋錯誤處理,並且有方便的回調。

0

在配置/環境/ development.rb(或你想要編輯的環境文件)

# Expands the lines which load the assets 
    config.assets.debug = true 

這將使渲染頁面慢,但頁面源將顯示所有JavaScript和css被加載的來源,而不是顯示一個大的壓縮文件。你可以檢查jquery-ui是否是其中之一。

此外,檢查是否正在定義了兩次的jquery。在這種情況下,$變量被重新定義和覆蓋,並且apis可能在新的定義綁定中不可用。

0

我有這個問題有標籤和打算香蕉。原來,我需要預編譯我的資產:

RAILS_ENV=production bundle exec rake assets:precompile 

這個固定它給我。 (如上面的答案會工作所提到的,此外我認爲消除公衆/資產的文件夾的內容。)

相關問題