Question

I believe that I have successfully integrated jQuery UI Bootstrap with Rails thanks to this gem, as the datepicker appears to be working correctly.

I am trying to generate a radio buttonset, and am having some trouble with both the jQuery UI functionality and the Bootstrap styling.

I have the following erb:

<div class="ui-buttonset">
  <%= f.radio_button :available, true, checked: true, class: 'ui-helper-hidden-accessible' %>
  <%= label :available, 'Available', value: true, class: 'ui-button ui-widget ui-corner-left' %>
  <%= f.radio_button :available, false, class: 'ui-helper-hidden-accessible' %>
  <%= label :available, 'Unavailable', value: false, class: 'ui-button ui-widget ui-corner-right' %>
</div>

With the javascript $('.ui-buttonset').buttonset(); and $('button').button();, but nothing happens when I hover, click, etc. There is no change to the UI element, the checked attr, or anything else as far as I can tell. Do I need to handwrite javascript for this functionality, or is there something that I am missing?

Answer 1

The issue appears to be a conflict between Bootstrap and jQuery UI Bootstrap. Perhaps it is better to manually add javascript directly to to my vendor directory instead of relying on gems.