Rails 4 X-Editable 不起作用

Question

我想我遗漏了一些东西......可能是次要的，但在过去的几个小时里我找不到解决方案。我从网站开始，所以请原谅菜鸟问题

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

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

我按照指示做所有事情（见下面的步骤）我刷新我的网页并且没有错误（意味着所有内容都已加载），但是当我点击 "superuser" 时，没有任何反应。没有弹出窗口，没有错误消息，什么都没有。我在想缺少了什么。也许某些 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

然后我进入我的 class 部分并添加以下 "dummy" 代码片段

  <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>

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

感谢您的帮助！

Answer 1

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

下载此 https://vitalets.github.io/x-editable/assets/zip/bootstrap3-editable-1.5.1.zip（将相应文件包含到您的应用程序目录）。
在您看来添加类似的内容：

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

将一些 javascript 添加到您的 application.js 中：

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

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

Rails 4 X-Editable 不起作用

Rails 4 with X-Editable doesn't work

javascript

jquery

twitter-bootstrap

ruby-on-rails-4

x-editable