| 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 |
#2 · Zasláno: 7. 12. 2016, 20:26:05
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.
|
||
|
Časová prodleva: 7 let
|
|||
0