Показать сообщение отдельно
  #1 (permalink)  
Старый 04.04.2011, 16:09
Аспирант
Отправить личное сообщение для Johny Посмотреть профиль Найти все сообщения от Johny
 
Регистрация: 20.08.2010
Сообщений: 54

"Живые" элементы
Всем доброго времени суток. Есть скрипт, который выводит на первый чекбокс подсказку и если человек скролит страницу вниз и если чекбокс скрывается из видимости, то подсказка передвигается на следующий видимый чекбокс. Подскажите, пожалуйста, если создаются новые чекбоксы то как к ним привязать это? Например, если на страницу пришли новые чекбоксы через аякс. Пробовал .live(), но по видимому к скролу не применяется...Спасибо.

$(document).ready(function(){
	var position = $('.checkbox-check').offset();
	var top = position.top;
	$("#tooltip-checkbox-check").css("top",top + 20).css("left","879px").show();
});

window.onscroll = scrollEvent;
function scrollEvent() {
	var i;
	var j = $(".checkbox-check").length;
	for (i=0;i<j;i++)
	{
		var el = $(".checkbox-check")[i];
		var br = el.getBoundingClientRect();
		var top_el = br.top;
		if (i == 0 && top_el > 0)
		{
    		var position_next = $('.checkbox-check').eq(0).offset();
    		if (position_next != null)
    		{
        		var top = position_next.top + 17;
        		$("#tooltip-checkbox-check").css("top", + top);
    		}
		}
		if (top_el <= 0)
		{
    		var position_next = $('.checkbox-check').eq(i+1).offset();
    		if (position_next != null)
    		{
        		var top = position_next.top + 17;
        		$("#tooltip-checkbox-check").css("top", + top);
    		}
		}
	}
}

Последний раз редактировалось Johny, 04.04.2011 в 17:31.
Ответить с цитированием