在RoR应用程序中无法看到JQuery效果(c9 IDE)

时间:2016-12-16 00:29:46

标签: javascript jquery ruby-on-rails ruby cloud9-ide

  1. 在C9 IDE中创建了一个新的RoR应用程序(模板 - Ruby)
  2. rails g controller pages
  3. 创建索引方法
  4. routes.rb - > root'页面#index'
  5. views - > index.html.erb遵循本教程并将所有jquery代码粘贴到" application.js" http://mrbool.com/how-to-add-edit-and-delete-rows-of-a-html-table-with-jquery/26721
  6. 当我加载页面时,jquery不起作用。

1 个答案:

答案 0 :(得分:2)

他在HTML中导入的前两个javascript文件可能是问题所在。 默认情况下加载Jquery,因此您可以忽略第一行,但必须在Assets / Javascript文件夹中创建一个新的function.js文件。 只要确保你有' jquery-rails'在你的gemfile中。

<head> 
  <script type="text/javascript" src="jquery-1.7.2.min.js">    // you don't need this line
  </script> <script type="text/javascript" src="functions.js"></script> // create the functions.js file in your Assets/Javascript folder
</head>

修改 在你的functions.js文件中,你必须放入他写的所有javascript代码。 最后确保在application.js文件中导入树

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

编辑2

作者的HTML格式错误。

<button id="btnAddd">New</button> 

他在ID名称中添加了3 d&#39;添加&#39;的按钮。您只需删除其中一个&#39;

<button id="btnAdd">New</button> 

用于删除和编辑的图像(除非您在资产中包含这些图像,否则不会加载红色圆圈和铅笔,您必须更改它们的路径以匹配您的轨道结构)。