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