Diskuze: Nefunkční document ready

JavaScript JavaScript Nefunkční document ready

Avatar
Petr Nymsa
Redaktor
Avatar
Petr Nymsa:

Plácám se tu s JavaScriptem (opět mi ukázal jak ho nemám v lásce :D).. 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
Avatar
Odpovídá na Petr Nymsa
Michal Žůrek (misaz):

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  -1 4.10.2013 14:51
Nesnáším {}, proto se jim vyhýbám.
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na Petr Nymsa
Honza Bittner:

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).re­ady();

Editováno 4.10.2013 14:52
Nahoru Odpovědět 4.10.2013 14:51
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Petr Nymsa
Redaktor
Avatar
Odpovídá na Honza Bittner
Petr Nymsa:

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 :D.. 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
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na Petr Nymsa
Honza Bittner:

$(window).scro­llTop(); je scroll tvého okna
$('#menu').of­fset().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
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Petr Nymsa
Redaktor
Avatar
Odpovídá na Honza Bittner
Petr Nymsa:

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

Nahoru Odpovědět  +1 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.