【问题标题】:Uncaught TypeError: $(...).modal is not a function with activeadmin rails未捕获的类型错误:$(...).modal 不是带有 activeadmin rails 的函数
【发布时间】:2020-09-24 19:03:54
【问题描述】:

我正在尝试在 activeadmin 中集成一个简单的模式。

我的宝石文件:

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

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

我的管理控制器方法:

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');

对于上述问题的任何帮助将不胜感激。提前谢谢你

【问题讨论】:

  • 问题解决了吗?

标签: javascript html ruby-on-rails twitter-bootstrap bootstrap-modal


【解决方案1】:

可能是您的 jquery 未被识别:
尝试将此添加到您的config/webpack/environment.js

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-01-26
    • 2021-12-06
    • 2021-05-16
    • 2022-12-15
    • 1970-01-01
    相关资源
    最近更新 更多