Conflict with Jquery UI in $.button

[Atorich]

In some case when jquery-ui.js is loaded after bootstrap.js, this code

    $('body').on('click.button.data-api', '[data-toggle^=button]', function ( e ) {
      var $btn = $(e.target)
      if (!$btn.hasClass('btn')) $btn = $btn.closest('.btn')
      $btn.button('toggle')
    })

has no effect.

$.fn.button in console shows a bit of jquery-ui, not bootstrap.js method.

I've solved this problem:

    $.fn.button_ = $.fn.button;

and

    $('body').on('click.button.data-api', '[data-toggle^=button]', function ( e ) {
      var $btn = $(e.target)
      if (!$btn.hasClass('btn')) $btn = $btn.closest('.btn')
      $btn.button_('toggle')
    })

[fat]

jquery-ui and bootstrap don't play nicely together.

[Atorich]

ok