jsFiddle http://jsfiddle.net/fDavN/2761/
css 経由ではない理由の概念は理解していますが、同じ動作がこのツールチップ プラグインに適用されるかどうかはわかりません
initializeToolTip: function () {
$(".offer-item").each(function () {
$(this).hover().qtip({
content: {
text: 'loading...',
title: {
button: true
},
ajax: {
url: '/Fakepath/ToolTips/ToolTipHover',
type: 'GET'
}
},
style: {
classes: { tooltip: 'auction-item-tooltip' }
},
show: {
solo: true
},
position: {
viewport: $(window),
target: $(this),
my: 'top right',
at: 'top right',
adjust: {
method: 'flip flip',
x: 280,
y: -20
}
},
hide: 'unfocus'
});
});
},
initializeCloseToolTip: function () {
$('a.close-tooltip').live("click", function (e) {
e.preventDefault();
$(this).parents('.qtip').qtip('hide');
});
}
ウィンドウの外側にあるときに最後の要素を反転させようとしても無駄です。position.container と viewport を無駄に見ています。私が何か間違ったことをしているかどうか誰にもわかりますか?ツールヒントが隣り合っている 5 があります。最後のものでは、配置を「左上」と反対の配置に切り替えたいと思います。
どんな助けでも大歓迎です。御時間ありがとうございます!素晴らしいプラグインです!
SSの様子をいくつか紹介します。
レギュラー: http: //i.imgur.com/bI3oR.jpg
カットオフhttp://i.imgur.com/wWhyq.jpg
編集: jsFiddle を追加、開発フォーラムへのリンクhttp://craigsworks.com/projects/forums/thread-viewport-not-working-with-absolute-positioning?pid=12829#pid12829
再度、感謝します!