jquery - Bootstrap CSS strange conflict with qtip2 -
i have strange bug when using bootstrap css qtip2:
i have button, on bind qtip popup:
<button type="button" class="btn btn-default" id="deletebutton"> delete </button>
i bind qtip (is working fine)
var $button = $("#deletebutton"); $button.qtip({ show: { event: 'mouseenter', solo: true, effect: false, delay: 100 }, content: function (event, api) { return "tooltip message"; } });
as button gets css class disabled
(only class, not attribute), qtip stops working.
here jsfiddle
important: if button doesn't have class btn
, having disabled
class, qtip still works. issue has bootstrap
btn
class?
in bootstrap.min.css find
.btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; pointer-events: none; opacity: .65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; }
and delete pointer-events: none;
or overwrite bootstrap style jsfiddle
Comments
Post a Comment