[JS] błędne wywoływanie funkcji Opcje

[ellheat]

Witam. Od pewnego czasu zmagam się z pewnym problem. Chodzi o to, że mam taki oto kod napisany w js, który nie wymaga przeładowywania strony oraz dodaje animację chowania contentu:

[JAVASCRIPT] pobierz, plaintext 
$(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;
 
    });
 
});
[JAVASCRIPT] pobierz, plaintext 

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:

[JAVASCRIPT] pobierz, plaintext 
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); 
        }   
[JAVASCRIPT] pobierz, plaintext 

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

[IProSoft]

A masz div o ID: mapka w kodzie strony ?

[ellheat]

dałeś mi troszkę do myślenia. Mam diva takiego, ale w podstronie contact.html. Znajduje się on na www.ellheat.pl/ferraria/contact.html . Troszkę dziwne bo jeżeli mam taki kod jak podałem tutaj na forum to mapka się nie wyświetla na tej podstronie. Jeżeli jednak usunę nawiasy z wywołania funkcji mapaStart

[JAVASCRIPT] pobierz, plaintext 
function showNewContent() {
    $('#content').show('slow',mapaStart);
}
[JAVASCRIPT] pobierz, plaintext 

To mapka się wyświetla. Jest tylko jeden problem. Skrypt działa dopóki nie najedzie się na podstrony, które są stworzone. W tym przypadku na Home i About. Następnie się wiesza.

Ten post edytował ellheat 25.03.2014, 17:42:32

[IProSoft]

Zacznij od utworzenia tego div przez jQuery i dopiero wtedy odpalaj skrypt mapy, dodatkowo zainstaluj Firebug do FF albo przez Chrome debuguj skrypt bo w tej chwili masz:

Kod

ReferenceError: mapaStart is not defined
mapaStart()

Ten post edytował IProSoft 25.03.2014, 18:48:48

[ellheat]

dzięki wielkie działa jak należy tylko tak się zastanawiam czy da radę to zrobić to samo przez podzielnie tego skryptu (który odpowiada za dynamiczne przechodzenie pomiędzy stronami) na dwa podobne pliki. Do tej pory nie udało mi się tego jeszcze zrobić. Bo tak słabo troszkę jak każda podstrona będzie miała zbędny div, którego id będzie nazywał się mapka (IMG:style_emoticons/default/wink.gif)

[IProSoft]

Raczej w niczym to nie przeszkadza, a jeśli już to można to obejść.

W JS przed wywołaniem mapy wstaw:

[JAVASCRIPT] pobierz, plaintext 
jQuery('<div/>', {
    id: 'mapka'
}).appendTo('#content');
[JAVASCRIPT] pobierz, plaintext 

[trueblue]

Bo tak słabo troszkę jak każda podstrona będzie miała zbędny div, którego id będzie nazywał się mapka (IMG:style_emoticons/default/wink.gif)

Przecież sprawdzasz jaką podstronę masz załadować. Zrób warunek i dodawaj diva tylko wtedy kiedy ładujesz "contact".

[ellheat]

Raczej w niczym to nie przeszkadza, a jeśli już to można to obejść.

W JS przed wywołaniem mapy wstaw:

[JAVASCRIPT] pobierz, plaintext 
jQuery('<div/>', {
    id: 'mapka'
}).appendTo('#content');
[JAVASCRIPT] pobierz, plaintext 

dzięki, ale nie za bardzo chce mi to rozwiązanie działać. Wstawiam ten kod w funkcji showNewContent() i nie chce działać zbytnio. Tak samo się dzieje jeżeli wstawię ten kod przed funkcją showNewContent().

[trueblue]

Wrzuć ten kod na stronę, którą podałeś w pierwszym poście.