qTip2 wrong offset onrender
qTip is displaced because icomoon icons are not rendered before.
by omegak
HTML
<script src="http://craigsworks.com/projects/qtip2/packages/nightly/jquery.qtip.js"></script>
<link rel="stylesheet" href="http://craigsworks.com/projects/qtip2/packages/nightly/jquery.qtip.css">
<div class="c1" title="I'm a div">
<span class="c2">
sup
</span>
</div>
CSS
.c1 {
background: red;
}
.c2 {
background: green;
}
JavaScript
$(document).on("mouseenter", '[title]', function (event) {
$(this).qtip({
position: {
my: 'top center',
at: 'bottom center'
},
overwrite: false,
show: {
event: event.type,
ready: true
},
events: {
show: function (event) {
if ($(event.originalEvent.target).hasClass('open')) {
event.preventDefault();
}
}
}
}, event);
});