如何检查选择器是否有qtip

How to check if selector has qtip?

本文关键字:选择器 是否 qtip 检查 何检查      更新时间:2023-09-26

如何检查元素是否使用qtip插件实例化?

例如

$('input').qtip("hasqtip");

作者建议使用以下方法来检查元素上是否存在qtip:

if( 'object' === typeof $(elem).data('qtip') )

演示

一个非常简单的方法是使用类选择器来应用插件,比如在锚中

$("a.qtip").qtip(); //Apply qtip, to only those links with qtip class on them

然后,要检查链接上是否有qtip,请检查它们的类

$('a').click(function() { //whenever a link is cliked
   if($(this).hasClass('qtip')) { //check if it has qtip class on them
     //if it has
     //SCREAM: yes i found a qtip :D 
   }
});

的另一种方法

if($("#mybtn").attr("data-hasqtip")) {
$("#mybtn").qtip().destroy();
}

qtip2元素将具有一个属性datahasqtip。如果从未实例化或销毁,则属性将丢失

例如

<button id="mybtn" class="infobtn" style="float: left; display: block;" data-hasqtip="2">
    <i class="fa fa-info-circle fa-lg"></i>
</button>