Question

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

例如

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

Answer 1

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

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

<强> Demo

Answer 2

一种非常简单的方法是使用类似于选择器的插件

来应用插件

$("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 
   }
});

Answer 3

另一种方法

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

qtip2元素将具有属性data-hasqtip。如果从未实例化或销毁，则属性将丢失

e.g。

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

如何检查选择器是否有qtip？

3 个答案: