Rails Asset Pipeline - problems compiling jQuery UI assets

Question

I am using Rails 3.2.3 and deploying to Heroku's Cedar Stack and I am having problems with my asset pipeline and compiling the jQuery UI files I need. Specifically the problem manifests itself in two separate issues that I think are related: 1) in development my dropdown buttons do not work, but in production they do 2) in development my datepicker and sliders do not work, and they also do not work in production. However, if I call the javascript (``) at the top of my view, the datepicker and sliders work in development but not in production I have tried compiling the assets locally and also during slug compilation, but to no avail. My application.js: ``` //= require jquery //= require jquery_ujs //= require jquery-ui //= require bootstrap //= require_tree . ``` My Gemfile: ``` source 'https://rubygems.org' gem 'rails', '3.2.3' gem 'bootstrap-sass', '2.0.0' gem 'bcrypt-ruby', '3.0.1' gem 'faker', '1.0.1' gem 'will_pagi…

Accepted Answer

You don't show us your code. But my guess is it may be a dom load issue.

Try putting your instantiation inside a `jQuery()` call;

Here's an example right from the twitter-bootstrap-rails;

```
jQuery(function($){
  $("a[rel=popover]").popover();
  $(".tooltip").tooltip();
  $("a[rel=tooltip]").tooltip();
});
```

The same should go for any jquery UI autocompleters

```
jQuery(function($){
  $("input.search-autocomplete").autocomplete({
    source: "/search"
  });
});
```

Rails Asset Pipeline - problems compiling jQuery UI assets

Solution

Problem