$(document).ready(function() { var hash = window.location.hash.substr(1); var href = $('#nav li a').each(function(){ var href = $(this).attr('href'); if(hash==href.substr(0,href.length-5)){ var toLoad = hash+'.html #content'; $('#content').load(toLoad) } }); $('#nav li a').click(function(){ var toLoad = $(this).attr('href')+' #content'; $('#content').slideUp('slow',loadContent); window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-15); function loadContent() { $('#content').load(toLoad,'',showNewContent()); } function showNewContent() { $('#content').slideDown('slow'); } return false; }); });
Wszystko pięknie działało dopóki nie zapragnąłem dodać mapy google. Aby prawidłowo ona się wyświetlała przez ten skrypt dodałem do powyższego kodu następujące polecenia:
function showNewContent() { $('#content').show('slow',mapaStart()); } function mapaStart() { var wspolrzedne = new google.maps.LatLng(44.5296369,10.868598); var opcjeMapy = { zoom: 10, center: wspolrzedne, mapTypeId: google.maps.MapTypeId.ROADMAP }; var mapa = new google.maps.Map(document.getElementById("mapka"), opcjeMapy); }
kiedy mam funkcję mapaStart() wywoływaną w showNewContent wszystko się popsuło. Przy wybieraniu jakiejkolwiek z opcji w menu cały content chowa się, ale nie chce się rozwinąć. Efekt można zobaczyć na www.ellheat.pl/ferraria . Proszę o pomoc