在 RoR 应用程序中看不到 JQuery 效果 (c9 IDE)
Can not see JQuery effects in RoR app (c9 IDE)
- 在 C9 中创建了一个新的 RoR 应用程序 IDE(模板 - Ruby)
- rails g 控制器页面
- 创建索引方法
- routes.rb -> root 'pages#index'
- 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 结构)。
- 在 C9 中创建了一个新的 RoR 应用程序 IDE(模板 - Ruby)
- rails g 控制器页面
- 创建索引方法
- routes.rb -> root 'pages#index'
- 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 结构)。