带X-Editable的Rails 4不起作用

Question

我想我错过了一些东西......可能很小但是我找不到过去几个小时的解决方案。我从网站开始，原谅noob问题

我正在使用这个库（我尝试了很多......）

https://github.com/bootstrap-ruby/bootstrap-editable-rails

我按照指示做了一切（见下面的步骤） 我刷新我的网页，我没有错误（意味着一切都已加载），但当我点击“超级用户”时，没有任何反应。没有弹出窗口，没有错误消息，只是没有。我在想一些东西不见了。也许有些javascript没有启用或者什么......不能告诉

我的application.js是这样的：

//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require bootstrap-editable
//= require bootstrap-editable-rails
//= require jquery.turbolinks
//= require turbolinks
//= require_tree .

Turbolinks.enableProgressBar();

我已将文件bootstrap-editable.css添加到我的app/assets/stylesheets文件夹

并将我的application.css.scss更改为

//= require ./bootstrap
//= require rails_bootstrap_forms
//= require font-awesome
//= require_tree .
//= require_self
//= require bootstrap-editable

然后我在我的班级中部分地添加以下“虚拟”代码片段

  <td><a href="#" id="username" data-type="text" data-resource="post" data-name="username" data-url="/posts/1" data-original-title="Enter username">superuser</a></td>

我刷新我的网页并且没有错误（意味着所有内容都已加载），但是当我点击“超级用户”时，没有任何反应。没有弹出窗口，没有错误消息，只是没有。我觉得缺少了什么

感谢您的帮助！

Answer 1

我不知道您是否还需要答案，但请尝试以下方法。

1. 下载此https://vitalets.github.io/x-editable/assets/zip/bootstrap3-editable-1.5.1.zip（将相应的文件包含到您的应用目录中）。

2. 在您的视图中添加类似内容：

  

<a name='name' href="#" id="username">MyUserName</a>

1. 在您的application.js中添加一些javascript：

   $(document).ready(function() {
       $('#username').editable({
           type: 'text',
           url: '/edit', 
           title: 'Enter username'
       });}); 
   

2. 在此处阅读更多详情： https://vitalets.github.io/x-editable/docs.html