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

Popular posts from this blog

database - VFP Grid + SQL server 2008 - grid not showing correctly -

jquery - Set jPicker field to empty value -

.htaccess - htaccess convert request to clean url and add slash at the end of the url -