Diskuze: Nefunkční document ready

Naučíme tě pracovat na home-office.

Zjistit více...

V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity

Petr Nymsa

Tvůrce

Petr Nymsa:4.10.2013 14:41

Plácám se tu s JavaScriptem (opět mi ukázal jak ho nemám v lásce ).. netuším jak mám donutit aby pustil funkci Document.ready která by se měla spustit tehdy, když je stránka (DOM) kompletně načtená. Kde dělám chybu ?

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Dokument bez názvu</title>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<script>
$(document).ready(function()
{
        alert("Doc ready");
});
</script>

</head>

<body>

<p>Testovací stránka</p>
</body>
</html>

Odpovědět

4.10.2013 14:41

Pokrok nezastavíš, neusni a jdi s ním vpřed

Michal Žůrek - misaz

Tvůrce

Michal Žůrek - misaz:4.10.2013 14:51

já používám vždy windows.onload a dám tam anonymní funkci.

windows.onload = function () {
    // toto se provede po načtení
}

Nahoru Odpovědět

4.10.2013 14:51

Honza Bittner

Tvůrce

Honza Bittner:4.10.2013 14:51

importuj si toto do html místo toho co máš, máš tu všechno co potřebuješ okolo jQuery :

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

jo, pak zkus :

$(function(){
  alert('ahoj');
});

$(function(){ ... }); je takové zkrácení pro $(document).ready();

Editováno 4.10.2013 14:52

Nahoru Odpovědět

4.10.2013 14:51

FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.

Petr Nymsa

Tvůrce

Petr Nymsa:4.10.2013 15:04

Jo už mi to funguje. Na ostrém webu načítám jQuery stejně a funguje, teď jsem se na to chtěl podívat znova a nefunguje mi to .. nechápu..

Každopádně potřeboval bych udělat přes jQuery následující.

Mám fixní menu a rád bych až odskroluju z hlavičky abych menu změnil barvu. Jak to udělat ? Napadlo mě to odchytat v události window.scroll a nějak si spočítat že menu už je mimo hlavičku. Jde to ?

Nahoru Odpovědět

4.10.2013 15:04

Pokrok nezastavíš, neusni a jdi s ním vpřed

Honza Bittner

Tvůrce

Honza Bittner:4.10.2013 15:26

$(window).scrollTop(); je scroll tvého okna
$('#menu').offset().top; je jak daleko je #menu na stránce od topu

zbytek si asi domyslíš sám

Nahoru Odpovědět

4.10.2013 15:26

FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.

Petr Nymsa

Tvůrce

Petr Nymsa:4.10.2013 15:31

Jojo, už jsem si na to přišel, poprvé mi funguje v JS něco zcela mého Ale díky

Nahoru Odpovědět

4.10.2013 15:31

Pokrok nezastavíš, neusni a jdi s ním vpřed

Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 6 zpráv z 6.