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

Can not see JQuery effects in RoR app (c9 IDE)

  1. 在 C9 中创建了一个新的 RoR 应用程序 IDE(模板 - Ruby)
  2. rails g 控制器页面
  3. 创建索引方法
  4. routes.rb -> root 'pages#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

当我加载页面时 jquery 不起作用。

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

<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 名称 'add' 中添加了 3 个 d。您只需删除 'd'

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

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