Всем привет,
Есть на JQuery функция для показа всплывающего окна. Но проблема в том, что не получается позиционировать всплывающее окно рядом с нужным элементом.
Вот всплывающее окно, оно находится в конце страницы:
Код:
|
<div class="bubbleInfo">
<div id="dpop" class="popup">
Тест тест тест
</div>
</div> |
Вот какой-то элемент, по нажатию на который окно должно появляться:
Код:
|
<input type="check" class="trigger" id="TestChecker" /> |
Вот код показа окна:
Код:
|
$(function () {
$('.bubbleInfo').each(function () {
var distance = 10;
var time = 250;
var hideDelay = 1500;
var hideDelayTimer = null;
var beingShown = false;
var shown = false;
var trigger = $('.trigger', this);
var info = $('.popup').css('opacity', 0);
$([trigger.get(1), info.get(0)]).click(function () {
if (hideDelayTimer) clearTimeout(hideDelayTimer);
if (beingShown || shown) {
return;
} else {
beingShown = true;
info.css({
top: -40,
left: -33,
display: 'block'
}).animate({
top: '-=' + distance + 'px',
opacity: 1
}, time, 'swing', function () {
beingShown = false;
shown = true;
});
}
return false;
});
});
}); |
Естественно окно всплывает в том месте, где и находится. А как сделать так, чтобы оно всплыло рядом с чекбоксом TestChecker?