未捕获类型错误：$(...).modal不是activeadmin rails的函数。

Question

我想在activeadmin中集成一个简单的模式。

我的Gemfile。

gem 'jquery-rails'
gem 'popper_js'
gem 'bootstrap'

我的application.js:

//= require jquery
//= require jquery_ujs
//= require rails-ujs
//= require activestorage
//= require turbolinks
//= require popper
//= require bootstrap-sprockets
//= require_tree .

我的action_item in:

action_item :query, only: :view_form do
  link_to 'New Query', admin_participants_form_queries_path(:id => participant.id, :survey_type => type, :form_name => form_name),  {:remote => true, 'data-toggle' =>  "modal", 'data-target' => '#modal-window'}
end

我的admin-controller-method:

def admin_queries
  respond_to do |format|
    format.html
    format.js
  end
end

我的js文件。

$("#modal-window").find(".modal-content").html("<%= j (render 'queries_modal') %>");
$("#modal-window").modal('show');

任何对上述问题的帮助都将是非常感激的，先谢谢你了

Answer 1

可能是你的jquery没有被识别。试着在你的应用程序中加入以下内容 config/webpack/environment.js

const webpack = require('webpack')
environment.plugins.prepend('Provide',
    new webpack.ProvidePlugin({
        $: 'jquery/src/jquery',
        jQuery: 'jquery/src/jquery'
    })
)