Question

I just implemented the ActiveAdmin gem with my Rails 3.1 app, and it caused a problem with some javascript I have in my app which allows ajax posting of comments. Removing the active_admin.js file causes the problem to go away. How do I keep the active_admin’s javascript while preserving the functionality of my app? Any ideas on what the problems may be?

Contents of active_admin.js:

//= require active_admin/base

Contents of my application.js file:

//= require jquery
//= require jquery_ujs
//= require_tree .

Javascript that is being broken by ActiveAdmin:

jQuery -> 
$('.addcomment').live("click", ->
 $(this).closest('.comment_area').find('.add_comment_box').parent().removeClass("add_comments_box_hidden").addClass('add_comments_box')
    return false )

init_csrf = ->
  window._settings.token = $('meta[name="csrf-token"]').attr 'content'
  $.ajaxSetup
    beforeSend: (xhr) ->
      xhr.setRequestHeader "X-CSRF-Token", _settings.token

jQuery ->
    $('.post_comment_btn').live("click", ->
        $(this).closest('.comment_area').addClass('add_comment_here')
        $.post(
            '/comments'
            $(this).closest('form').serialize()
            null
            "script"
        )
        return false )

Link to active_admin github page.

Answer 1

I don’t know if this will help you … I’m also using active_admin’s javascript separately from the active_admin app. I faced a problem with double requests on clicking to “ajax links”. The problem was caused by triggers in the vendor.js file. This has been fixed with the latest version of the gem (vendor.js has been removed) and proper inclusion statements in my application.js file.

I would suggest you to replace //=require_tree . with explicit require statements. Try one by one to add your deps till you find the problem.

Moreover, please provide us with the version of ActiveAdmin that you are using.