Qtips:如何使用单击功能禁用页面上的所有工具提示

Question

我编写了以下脚本来隐藏页面上的所有qtip工具提示，并使用jquery cookie插件设置cookie。 除了仅隐藏/禁用自页面加载以来悬停的工具提示外，一切都运行良好。

<script type="text/javascript">
$(document).ready(function(){
    $("#hide_tips").click( function() {
        $.cookie('qtip_hidden', true, { path: '/', expires: 10 });
        $('.qtip').qtip('disable');
    });
});
</script>

如何使其与页面上的所有工具提示一起使用？

谢谢

缺口

我正在使用的 qTip 脚本示例

$('.tooltip[title]').qtip({
position: {
    my: 'top left', 
    at: 'bottom center'
},
style: {
    classes: 'ui-tooltip-rounded ui-tooltip-light'
},
show: {
    effect: function() { $(this).fadeIn(500); } 
},
hide: {
    effect: function() { $(this).fadeOut(500); } 
}
});

Answer 1

试试这个：

var MyQtips = $('.tooltip[title]').qtip({
position: {
    my: 'top left', 
    at: 'bottom center'
},
style: {
    classes: 'ui-tooltip-rounded ui-tooltip-light'
},
show: {
    effect: function() { $(this).fadeIn(500); } 
},
hide: {
    effect: function() { $(this).fadeOut(500); } 
}
});

然后：

$(document).ready(function(){
    $("#hide_tips").click( function() {
        $.cookie('qtip_hidden', true, { path: '/', expires: 10 });
        $(MyQtips).qtip('disable'); //change
    });
});