6 
$('a.tooltip').each(function(){
    
    $(this).qtip({
        content: { url: 'includes/qtip.php?'+$(this).attr('rel')+' #'+$(this).attr('div'), text:'loading...'  },
        show: { delay: 400},
        hide: { fixed: true, delay: 200 },
        position: {
            corner: {
                target: 'bottomLeft',
                tooltip: 'right'
            }
         },
         style: {
             name: 'light',
             width: 700
         }
    });
});

.tooltipアイテムが私のウェブサイトの右側のパネルにあるのが大好きですが、それが完全に表示されない場合は、

tooltip:'right'それがどこかにあるとき、どうすればそれを作ることができますか？つまり、どうすればわかりますか？

4

2 に答える 2

9

私の場合と同様の解決策は次のとおりです。

position : {
    adjust : {
        screen : true
    }
}

このスレッドでより多くの情報を見つけることができます： qtipを使用するときにページスクロールを回避する方法は？

于 2012-02-17T11:53:24.900 に答える
1

自分の質問に答えるのは初めてかもしれないと思いますが、

これは機能します、

$('#panel_derecho a.tooltip').each(function(){

  $(this).qtip({
     content: { url: 'includes/qtip.php?'+$(this).attr('rel')+' #'+$(this).attr('div'), text:'loading...'  },

     show: { delay: 400},
     hide: { fixed: true, delay: 200 },

     position: {
     corner: {
        target: 'topLeft',
        tooltip: 'middleRight'
                }
                },
     style: {
       name: 'light',
       width: 700



       }




   });

});

$('#router a.tooltip').each(function(){

  $(this).qtip({
     content: { url: 'includes/qtip.php?'+$(this).attr('rel')+' #'+$(this).attr('div'), text:'loading...'  },

     show: { delay: 400},
     hide: { fixed: true, delay: 200 },

     position: {
     corner: {
        target: 'topLeft',
        tooltip: 'left'
                }
                },
     style: {
       name: 'light',
       width: 700



       }




   });

});

最適化できますか？

于 2011-02-26T01:57:11.180 に答える