Question

我正在尝试使用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标记，它也会保持静态。

Answer 1

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

Answer 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，否则我会删除这个答案。

Rails best_in_place gem没有检测到鼠标事件

2 个答案: