###jQuery Coda Popup Bubblesを改造したい
初めての質問です。
現在、jQueryのCoda Popup Bubblesを使用し、ツールチップを表示しています。
表示自体は問題ないのですが、表示の位置が固定されウインドウ内に収まってくれないため困っています。
###該当のソースコード
$(function () { $('.bubbleInfo').each(function () { var distance = 10; var time = 250; var hideDelay = 400; var hideDelay2 = 500; var hideDelayTimer = null; var beingShown = false; var shown = false; var delaySpeed = 200; var fadeSpeed = 1000; var trigger = $('.trigger', this); var info = $('.popup', this).css('opacity', 0); $([trigger.get(0), info.get(0)]).mouseover(function () { if (hideDelayTimer) clearTimeout(hideDelayTimer); hideDelayTimer = setTimeout(function () { if (beingShown || shown) { // don't trigger the animation again return; } else { // reset position of info box beingShown = true; info.css({ top: 120, left: 23, display: 'block' }).animate({ top: '-=' + distance + 'px', opacity: 1 }, 1, 'swing', function() { beingShown = false; shown = true; }) ; } }, hideDelay2); return false; }).mouseout(function () { if (hideDelayTimer) clearTimeout(hideDelayTimer); hideDelayTimer = setTimeout(function () { hideDelayTimer = null; info.animate({ top: '-=' + distance + 'px', opacity: 0 }, 100, 'swing', function () { shown = false; info.css('display', 'none'); }); }, hideDelay); return false; }); }); });
###試したこと
jQuery UI の Position をうまく組み合わせたらcollisionの設定で調整できそうと思い、色々調べてみましたが、どう書き加えればいいのか全く分からない状態です。
###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。