Activeadmin 停止我的 jQuery 工作

Question

我在我的应用程序中使用 jquery 拖放功能，效果很好。

然后我添加了 activeadmin，它停止了我的 jquery 工作。

我收到此错误

$(".draggable_article_image").draggable is not a function

如果我从 active_admin.js 中删除此行，

//= require active_admin/base

它会再次开始工作。

有什么想法吗？

Answer 1

尝试将您的 active_admin.js 文件移动到 Rails 项目的 vendor/assets/javascripts 文件夹中：应该没问题。

如果它对某人有帮助，请告诉我们！

问候

Answer 2

如果您查看 activeadmin 基本清单文件，您将查看额外的 jquery 负载在哪里被调用。基本清单中的最后一个调用是对 activeadmin 应用程序清单的调用。因此，有一种简单的方法可以绕过不需要的额外 jquery 负载。

更改应用程序的 /app/assets/javascripts/active_admin.js 中的这一行：

//= require active_admin/base

这样

//= require active_admin/application

，将加载活动管理的 javascript 代码，而无需重新加载 jquery。

在 /admin 空间中，活动管理加载 active_admin.js 而不加载 application.js，因此您也需要在那里加载 application.js。要工作，您需要让活动管理在 active_admin.js 之前加载 application.js。将其添加到 config/initializers/active_admin.rb：

current_javascripts = config.javascripts.clone
config.clear_javascripts! 
config.register_javascript 'application.js'
current_javascripts.reverse.each{|j| config.register_javascript j}

但是，请注意，为了使其无缝工作，您可能需要应用程序的 application.js 清单中的所有这些声明：

//= require jquery
//= require jquery-ui
//= require jquery_ujs

此外，当 application.js 在活动管理中加载时，您需要自己管理任何命名空间冲突。

Answer 3

我上面的代码有一个错误，所以我稍微调整了一下：

active admin init:

  config.clear_javascripts!
  config.register_javascript 'admin/active_admin.js'

  current_javascripts = config.javascripts.clone
  config.clear_javascripts!
  config.register_javascript 'application.js'
  current_javascripts.each{ |j| config.register_javascript j }

active admin js

  //= require active_admin/base

就是这样！