I've found jQueryUI interferes with bootsrap.js, for example:
If I include a jquery Datepicker control, then also have a TButtonGroup on the same page, Bootstrap buttons won't work properly.
$this->widget('bootstrap.widgets.TbButtonGroup', array( 'toggle' => true, 'buttons' => array( array('label'=>'S'), array('label'=>'M'), array('label'=>'T'), array('label'=>'W'), array('label'=>'T'), array('label'=>'F'), array('label'=>'S'), ), ));
Clicking a button in the button group causes the following Js error:
Uncaught Error: cannot call methods on button prior to initialization; attempted to call method 'toggle'
If I don't include jqueryUI, then all works well- but my datepickers won't work. I've also read this issue happens with other bootstrap widgets.
Can someone advise what is the correct procedure to fix this? Changing bootstrap.js seems like the only reliable fix.
Alternatively it may be easier to just drop bootstrap is style my own CSS, but it will be a pain to undo all my work and revert back to standard widgets.