Rails best_in_place gem 未检测到鼠标事件答案

【问题标题】：Rails best_in_place gem not detecting mouse eventRails best_in_place gem 未检测到鼠标事件
【发布时间】：2018-10-06 08:58:06
【问题描述】：

我正在尝试使用 best_in_place gem 实现内联编辑。我正在使用设计并让我的用户个人资料显示路线如下：get '/profile/:username' => 'profile#show', as: 'user'

这是我的 application.js 树：

//= require rails-ujs
//= require turbolinks
//= require_tree .
//= require jquery3
//= require best_in_place
//= require popper
//= require bootstrap-sprockets

在我的 assets/javascripts/users.coffee 我有以下内容

jQuery ->
  $('.best_in_place').best_in_place()

这是我在视图上使用的标签：<%= best_in_place @profile_data, :first %>

页面渲染成功，但我无法单击该字段进行编辑。即使使用 best_in_place 标记，它也保持静态。

【问题讨论】：

浏览器控制台日志中显示了什么？您能否确认 best_in_place.js 在网络调试器选项卡中正确加载？

标签： jquery ruby-on-rails inline

【解决方案1】：

也许您应该尝试将 require best_in_place 放在您的 require_tree 之前，因为您的 javascript/users.coffee 需要它。

【讨论】：

【解决方案2】：

将rails-ujs 替换为jquery_ujs 并按照顺序进行操作

//= require jquery3
//= require jquery_ujs
//= require turbolinks
//= require best_in_place
//= require popper
//= require bootstrap-sprockets
//= require_tree .

并使用jQuery 代码而不是coffee（如果您没有任何问题）

// application.js
$(document).ready(function() {
    /* Activating Best In Place */
    jQuery(".best_in_place").best_in_place();
});

让我知道你像 jQuery 一样帮助了这个，否则我会删除那个答案。

【讨论】：