Webprofis is een Forum waarin je vragen kunt stellen die webgerelateerd zijn. Heb je vragen over of problemen met je Webpagina, HTML, CSS, Javascript, PHP of andere client of serverside scriptingtalen? Stel ze dan gerust op dit forum. Op dit forum zijn een aantal vrijwilligers actief die u graag met uw vragen willen helpen en u waar mogelijk een passend antwoord aanbieden. Hebt u zelf veel ervaring en kennis met betrekking tot het bovenstaande? U bent van harte welkom om uw kennis met anderen te delen!

We hopen dat eenieder op dit Forum een leerzame ervaring mag opdoen.

Team Webprofis

Opgelost javascript uitvoern als DOM ready

bewerkt vr 27 nov 2015 in Javascript, jQuery etc.. Posts: 879
ik heb het volgende javascriptje dat ik inlaad net voor de eindtag body:

(function() {

var header = document.querySelector("#header");
if(window.location.hash) {
header.classList.add("slide--up");
}

new Headroom(header, {
tolerance: {
down : 10,
up : 20
},
offset : 205,
classes: {
initial: "slide",
pinned: "slide--reset",
unpinned: "slide--up"
}
}).init();

}());

DOM ziet er dus zo uit:


<script src="/plugins/Headroom/js/headroom2.js"></script>
</body>
</html>

Al sik dit script in de head wil laden en er dan de ready handler bij gebruik zoals hieronder, dan zou dit toch hetzelfde effect moeten hebben als hierboven of denk ik toch verkeerd?

$( document ).ready(function() {
var header = document.querySelector("#header");
if(window.location.hash) {
header.classList.add("slide--up");
}

new Headroom(header, {
tolerance: {
down : 10,
up : 20
},
offset : 205,
classes: {
initial: "slide",
pinned: "slide--reset",
unpinned: "slide--up"
}
}).init();

}());
Getagd:

Reacties

  • Ik kan je geen uitsluitsel geven of het hetzelfde is of niet, want klaarblijkelijk loop je toch tegen een probleem aan die in situatie A wel werkt, maar in B niet :p

    Heb je een clean voorbeeldje (copy/paste) of js fiddle of.... ?
  • PMPosts: 879
    Ik heb het probleem gevonden: op regel 20 hierboven staat een
    ()
    teveel waardoor de functie gelijkt aangeroepen wordt. Dat was de misser. Script staat nu in de head en wacht netjes totdat DOM ready is
Login of Registreer om te reageren.