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

qtips：如何通过单击功能禁用页面上的所有工具提示？

1 个答案: