jquery - 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
    });
});