javascript - jquery 不函数错过元素

Question

我使用工具提示在页面上显示错误消息，我需要在单击 View 中的其他位置时将其关闭。我使用以下代码来控制此操作:

$(':not(.qtip)').click(function(){
   $('.qtip').hide();
});

“.qtip”用于标记工具提示区域。工具提示在出现时会创建一个新工具提示，这里发生的事情是当我单击工具提示时，它会消失。

但是当我使用较小比例的选择器而不是整个主体时，它工作正常，这有点奇怪，例如:

$("#id").not('.qtip').click(function (){
    $('.qtip').hide();
});

Answer 1

建议仅针对 document 来处理工具提示之外的点击； :not(.qtip) 的选择器可能会返回一个非常大的结果集。

$(document).on('click', function() {
    $('.qtip').hide();
}

在工具提示本身，您需要防止点击事件冒泡到文档级别，如果您还没有这样做的话:

$('.qtip').on('click', false);