jQuery可拖動不能在Ruby on Rails 3.1中工作

我啓動了一個新的RoR 3.1項目來測試它。我已經添加了以下需要的jQuery .js文件，以使拖動工作正確進入我的app/assests/javascripts目錄。jQuery可拖動不能在Ruby on Rails 3.1中工作

jquery.ui.core.js 
jquery.ui.widget.js 
jquery.ui.mouse.js 
jquery.ui.draggable.js

的application.js中有默認代碼：

//= require jquery 
//= require jquery_ujs 
//= require_tree .

我加入的.js文件的代碼，使一切工作納入的application.js文件：

$(function() { 
    $("#draggable").draggable(); 
});

所以這是一切。

然後我用下面的代碼在我的主頁：

<div id="draggable" class="ui-widget-content"> 
    <p>Drag me around</p> 
</div>

Dragging功能不起作用！我使用的代碼基於可拖動的jQuery演示文件。它作爲一個HTML文件很好，但是當我把它放到我的Ruby on Rails 3.1項目中時，它不起作用。我究竟做錯了什麼？因爲這個，我一直在拉我的頭髮。謝謝你的幫助！

（不是我已經刪除CSS格式，使我的代碼看起來simplier。它不是因爲，雖然）

來源

2011-09-20 EverTheLearner

你有沒有「查看源代碼」來確定你認爲實際上包含了什麼？ –

您需要確保jQuery UI文件之間的依賴關係得以保留。

Rails不提供訂單保證。所以，你需要改變你的application.js到：

//= require jquery 
//= require jquery_ujs 
//= require jquery.ui.core 
//= require jquery.ui.widget 
//= require jquery.ui.mouse 
//= require jquery.ui.draggable 
//= require_tree .

或者您可以使用pakunok寶石自動爲您做到這一點：

//= require jquery 
//= require jquery_ujs 
//= require pakunok/jquery-ui/pack/draggable 
//= require_tree .

來源

2011-09-20 04:32:19

它實際上是拉動application.js文件中的require行。我認爲require_tree覆蓋了目錄中的所有內容，但沒有 – EverTheLearner

嗯，首先我會檢查方程工作的所有部分。確保你的js文件實際加載。進入控制檯並尋找$（「＃draggable」），看看它給了你什麼。如果發現正確，請在控制檯中應用.draggable（）並查看是否有任何錯誤。或者更好的是，提供一個鏈接，我們可以看看你的項目。

來源

2011-09-20 00:21:20 Lukich

我在這裏有一個鏈接：http://quiet-window-2595.heroku.com/。謝謝！ – EverTheLearner

手動設置$（「＃draggable」）。draggable（）返回一個TypeError。我冒昧地說，你的JS加載到頁面的方式是搞砸了。嘗試使用

11. 爲什麼jquery不能在Rails 3.1中工作？

12. form_for如何在Ruby on Rails中工作

13. Ruby on Rails：讓validates_uniqueness_of工作

14. Ruby on Rails如何工作

15. jQuery有時不起作用（Ruby on Rails）

16. Ruby on Rails jQuery：切換不起作用

17. Ruby on Rails的Jquery Datepicker不起作用

18. Ruby on Rails的，belongs_to的不工作

19. Ruby on Rails的「除非」不工作

20. Ruby on Rails的由send_file不工作

21. Ruby on Rails的redirect_to的工作不

22. Ruby on Rails 3 - 回調不再工作

23. Ruby on Rails的：replace_html不工作

24. Ruby on Rails - 編輯不工作

25. Ruby on Rails的update_attibutes不工作

26. Ruby on rails協會不工作

27. Spork不工作Ubuntu（ruby on rails）

28. 在Ruby on Rails中動態生成url可能或可能不包含

29. 不能讓sqlite3在Ruby on Rails上工作

30. AJAX調用不能在Ruby on rails上工作

jQuery可拖動不能在Ruby on Rails 3.1中工作

回答

相關問題