[jQuery] zelfde versie meerdere keren aanroepen

vrijdag 18 oktober 2013 11:57

Acties:

0 Henk 'm!

zij/haar

Topicstarter

Ik ben bezig met een website waarin ik een aantal jQuery plug-ins gebruik. Hiervoor laad ik zelf een jQuery library in.

Nou is het echter zo dat door de manier van werken van de klant ik alleen invloed heb op het content gedeelte.

HTML:

<!doctype html> 
<html> 
  <head> 
    <title>website</ttle> 
  </head> 
  <body> 
    <div class="invloed"> 
      Alleen hier kan ik code plaatsen. 
      <script src="jquery.js"></script> 
      <script src="plugin.js"></script> 
    </div> 
    <script src="jquery.js"></script> 
  </body> 
</html>

Buiten de div.invloed kan ik dus niks doen. Mijn scripts worden dus ook aangeroepen binnen deze div. Nou gaan om één of andere reden alle jQuery plug-ins op hun plaat. De versies zijn gelijk aan elkaar, dus daar ligt het niet aan. Ik kan niet mijn plugins aanroepen na de laatste aanroep van jquery, want daar kan ik geen code plaatsen. Zelf jQuery niet aanroepen werkt ook niet omdat dan $ nog niet beschikbaar is bij het aanroepen van de plug-ins en andere scripts.

De vraag is dus waarom gaan de scripts op hun plaat ookal word de zelfde versie ingeladen.

vrijdag 18 oktober 2013 12:04

Acties:

0 Henk 'm!

FotW

Omdat je scripts proberen uit te voeren voor jQuery ingeladen is, hence de $ niet beschikbaar

vrijdag 18 oktober 2013 12:06

Acties:

0 Henk 'm!

MoietyMe

zij/haar

Topicstarter

FotW schreef op vrijdag 18 oktober 2013 @ 12:04:
Omdat je scripts proberen uit te voeren voor jQuery ingeladen is, hence de $ niet beschikbaar

Nee het probleem is dat ik zelf al een jQuery versie inlaad, dan mijn scripts en vervolgens wordt er nog een versie ingeladen. En toch gaat het kappot.

vrijdag 18 oktober 2013 12:08

Acties:

0 Henk 'm!

KhaZ

Alfa Romeo

Niet dat ik er verstand van heb maar ik heb het idee dat je beter maar 1 jquery versie kan laten laten, i.p.v. meerdere.

AMD 5800X3D | MSI B450 Tomahawk MAX | 16GB DDR4 Crucial 3.200Mhz CAS 16 | PNY GeForce RTX 2060 | Samsung 970 Evo Plus 500GB

vrijdag 18 oktober 2013 12:09

Acties:

0 Henk 'm!

MoietyMe

zij/haar

Topicstarter

KhaZ schreef op vrijdag 18 oktober 2013 @ 12:08:
Niet dat ik er verstand van heb maar ik heb het idee dat je beter maar 1 jquery versie kan laten laten, i.p.v. meerdere.

Dat klopt, alleen als ik die van mij niet inlaad dan werken mijn plug-ins ook niet.

vrijdag 18 oktober 2013 12:10

Acties:

0 Henk 'm!

GlowMouse

Good Fella schreef op vrijdag 18 oktober 2013 @ 12:09:
[...]

Dat klopt, alleen als ik die van mij niet inlaad dan werken mijn plug-ins ook niet.

Je kunt elke 100 ms kijken of jQuery al is ingeladenkijken of de pagina volledig is ingeladen, en pas dan jouw code uitvoeren.

[ Voor 7% gewijzigd door GlowMouse op 18-10-2013 12:11 ]

vrijdag 18 oktober 2013 12:12

Acties:

0 Henk 'm!

CodeCaster

Can I get uhm...

Idealiter laad je scripts pas aan het eind van de pagina, maar jquery moet geladen zijn voordat je jouw scripts laadt.

Kun je jouw script-includes echt niet ná de reeds aanwezige jquery-include plaatsen? Kun je anders hun jquery-code (laten) aanpassen naar zoiets?

HTML:

1
2
3

<script>
  window.jQuery || document.write('<script src="js/jquery.min.js"><\/script>')
</script>

https://oneerlijkewoz.nl
Op papier is hij aan het tekenen, maar in de praktijk...

vrijdag 18 oktober 2013 13:32

Acties:

0 Henk 'm!

MoietyMe

zij/haar

Topicstarter

Ik heb contact opgenomen met klant met de vraag of dit toch anders kan. Alvast bedankt voor de suggesties.

vrijdag 18 oktober 2013 14:03

Acties:

0 Henk 'm!

Bosmonster

*zucht*

Jquery

Probleem nu is waarschijnlijk dat de tweede jquery initialisatie alle events cleared (ook document ready) en daardoor het ook met 2 jquery's niet werkt.

Uiteindelijk moet je zorgen dat de volgorde gaat kloppen van het inladen. Kun je niet iets proberen met requirejs oid?

Anders kun je alsnog proberen de plugins op een later tijdstip te injecten (native document ready of window.load bijvoorbeeld).

[ Voor 3% gewijzigd door Bosmonster op 18-10-2013 14:03 ]

zaterdag 19 oktober 2013 10:55

Acties:

0 Henk 'm!

NNF

Bosmonster schreef op vrijdag 18 oktober 2013 @ 14:03:
Probleem nu is waarschijnlijk dat de tweede jquery initialisatie alle events cleared (ook document ready) en daardoor het ook met 2 jquery's niet werkt.

Dat is inderdaad precies wat er gebeurt als je twee keer de jQuery library laadt

Weet ik helaas uit ervaring.

Je klant moet jQuery gewoon niet helemaal aan het einde van het document pas laden, dat slaat nergens op

[ Voor 3% gewijzigd door NNF op 19-10-2013 11:35 ]

zaterdag 19 oktober 2013 15:50

Acties:

0 Henk 'm!

Verwijderd

Zoals Bosmonster al zei: RequireJS (http://requirejs.org/docs/jquery.html)

maandag 21 oktober 2013 21:43

Acties:

0 Henk 'm!

MoietyMe

zij/haar

Topicstarter

Bedankt allemaal. Klant heeft aanpassingen gemaakt voor nu. Volgende project toch maar namespacen dan..

Zal eens kijken naar Require

maandag 21 oktober 2013 21:58

Acties:

0 Henk 'm!

BasieP

Als het nou wel gelukt was. Had je de klant dan een stuk software aangeboden waarin meerdere instanties van dezelfde jQuery geladen worden?

/offtopic:
so much for purrrrfect code..

[ Voor 14% gewijzigd door BasieP op 21-10-2013 21:59 ]

This message was sent on 100% recyclable electrons.

maandag 28 oktober 2013 19:38

Acties:

0 Henk 'm!

MoietyMe

zij/haar

Topicstarter

BasieP schreef op maandag 21 oktober 2013 @ 21:58:
Als het nou wel gelukt was. Had je de klant dan een stuk software aangeboden waarin meerdere instanties van dezelfde jQuery geladen worden?
/offtopic:
so much for purrrrfect code..

Sommige klanten zijn van een dusdanige grootte dat je daar als klein web-develop bedrijf lastig tegenin kan. Dan zul je toch zelf oplossingen moeten bedenken. Die zullen niet altijd purrfect zijn nee

Voor een volgende keer ga ik me zeker verder verdiepen in Require. Daar is nu alleen geen budget meer voor

Allen bedankt!

dinsdag 29 oktober 2013 00:26

Acties:

0 Henk 'm!

R4gnax

Jquery

Good Fella schreef op maandag 28 oktober 2013 @ 19:38:
Sommige klanten zijn van een dusdanige grootte dat je daar als klein web-develop bedrijf lastig tegenin kan.

Rustig en in duidelijke, begrijpelijke, niet-technische taal de probleemsituatie voorleggen, en met alternatieven komen die toch proberen de business case te vervullen. Als je een klant hebt die niet een complete kruk dan kun je er op die manier meestal nog wel uitkomen is mijn ervaring.

Niet technisch opgeleidde medewerkers van een klant zien gewoon heel vaak niet het complete technisch spectrum aan edge cases, pitfalls en andere problemen. Als professional moet jij daar ook gewoon deels voor waken en die vertaalslag terug maken.

Dat hoeft heus niet aanvallend te zijn. Je kunt het ook stellen als een vraag: "Natuurlijk kunnen we probleem X via methode Y proberen op te lossen. We willen alleen even zeker weten dat jullie ook hebben nagedacht over het belang van casus Z en hoe die mogelijk voor problemen kan zorgen."

(Uiteraard gaat dat wellicht wel wat moeilijker worden als er nog een compleet a-technisch sales persoon tussen zit die enkel geinteresseerd is in zijn bonus scoren voor dit ene project, i.p.v. een langdurige en duurzame klantrelatie op te bouwen. Dat type zal eerder voor de quick-win gaan en jouw project team proberen aan te sturen op het dom opvolgen wat een klant schreeuwt i.p.v. even mee te denken en op de lange termijn gezien iedereen een hoop sores besparen.)

[ Voor 20% gewijzigd door R4gnax op 29-10-2013 00:32 ]

Onderwerpen