Показать сообщение отдельно
  #1 (permalink)  
Старый 15.08.2011, 17:53
Новичок на форуме
Отправить личное сообщение для ditasandditas Посмотреть профиль Найти все сообщения от ditasandditas
 
Регистрация: 14.01.2011
Сообщений: 6

Изменение позиции элементов с помощью jquery не работает в IE6-8
Задача выводить карту гугл со списком объектов по клику на ссылку.
Т.к. display:none с переключением в display:block с картами не работает (в силу, как я понимаю, особенностей рендеринга) использую следующую конструкцию:
- у div'а с картой заданы position:absolute; left:-10000px;
- при клике
$(document).ready(function(){   
	$('#show').click(function(){
        $('#search-map').css({position:'relative', 'left':'0'});
		var showmap = 1;
		$.ajax({   
			type: "POST",
			url: "../showmap/", 
			data: "cursub="+cursub+"&showmap="+showmap,  
		});   
		return false;
	});
	$('#hide').click(function(){
        $('#search-map').css({position:'absolute', 'left':'-10000px'});
		var showmap = 0;
		$.ajax({   
			type: "POST",
			url: "../showmap/", 
			data: "cursub="+cursub+"&showmap="+showmap,  
		});   
		return false;
	});
});

Т.е. нажали на #show - показали карту и передали переменные с номером раздела сайта и параметром вкл/выкл карты в php-скрипт (это для того, чтобы запоминать включена или выключена карта в разделе), нажали на #hide - убрали карту и т.д. соответственно.
В Opera/FF/Safari/Chrome и IE9 работает корректно, в IE6-8 карта не отображается при нажатии на #show (хотя грузится).
В чем может быть дело?
Ответить с цитированием