0

次のスクリプトを作成して、ページ上のすべての 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); } 
}
});
4

1 に答える 1

0

これを試して：

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
    });
});
于 2012-06-10T13:06:47.910 に答える