防止qtip2中的默认点击事件

Question

我使用以下代码创建了一个带有qtip2工具提示的链接：

<a href="#" class="mylink">Show Tooltip</a>

$('.mylink').qtip({
  show: {event: 'click'}
});

单击链接时，工具提示会按预期打开，但浏览器也会导航到/#，这会导致屏幕滚动到顶部。如何在不干扰qtip的情况下阻止原始点击事件？

Answer 1

找到答案here。只需绑定链接的click事件，然后使用preventDefault。

$('.mylink').qtip({
  show: {event: 'click'}
}).bind('click', function(event){ event.preventDefault(); return false; });