Autor Zpráva
matata8611
Profil
Ahoj,
teprve nedavno jsem zabrednul do js a jquery a nerozumim tomuto:

Tento kod po kliknuti na kazdy odkaz se tridou page-scroll plynule scrolluje na id nastavene v parametru href:
$('a.page-scroll').bind('click', function(event) {
        var $anchor = $(this);
        $('html, body').stop().animate({
            scrollTop: ($($anchor.attr('href')).offset().top - 80)
        }, 1250, 'easeInOutExpo');
        event.preventDefault();
    });

funguje to perfektne. Soubor.js s timto kodem volam uplne na konci stranky.

V soubor.js mam take tento kod:
$( ".loadfoto" ).click(function() {
    var url = $(this).attr('data-url');
    $(".loadfoto").removeClass('loadfoto');
    $('#loader').fadeIn();
    $("#foto").load(url, function(responseTxt, statusTxt, xhr){
        if(statusTxt == "success"){
            $( '#foto' ).fadeIn( 500 );
            $('#loader').fadeOut();
            }
        if(statusTxt == "error")
            alert("Error: " + xhr.status + ": " + xhr.statusText);
            $('#loader').fadeOut();
    });
    });

Tento kod nalouduje html kod a vlozi ho do divu #foto. V divu foto je pote kod ktery obsahuje i a.page-scroll, ale po kliknuti na tyto odkazy k plynulemu scrollovani nedojde...

Co prosim delame spatne?
_es
Profil
Udalosť je v 1. kóde priradená len tým elementom, ktoré existujú v tom momente. Ak chceš, aby bola priradená aj neskoršie vytvoreným, musíš im ju logicky priradiť až vtedy, keď existujú. Alebo použiť nejaký iný spôsob, napríklad priradiť udalosť nadradenému elementu a využiť „prebublanie“ udalosti k nemu.

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: