{"id":5618,"date":"2015-02-20T00:13:55","date_gmt":"2015-02-19T22:13:55","guid":{"rendered":"http:\/\/www.wpbeveiligen.nl\/?p=5618"},"modified":"2020-03-10T11:36:31","modified_gmt":"2020-03-10T10:36:31","slug":"jquery-problemen","status":"publish","type":"post","link":"https:\/\/wpbeveiligen.nl\/jquery-problemen\/","title":{"rendered":"jQuery problemen"},"content":{"rendered":"

Om maar meteen met de deur in huis te vallen, ik ben GEEN jQuery expert. CSS, HTML, PHP Photoshop en WordPress kan ik blind schrijven maar jQuery is nog altijd niet mijn favoriet. En met mij vele anderen.<\/p>\n

Maar voor veel websites is het wel nodig om met jQuery\u00a0werken, en daarom heb ik enkele tips & tricks\u00a0waarmee je een stuk verder komt.<\/p>\n

De basis van de jQuery library<\/h2>\n

De jQuery library is alleen een “bibliotheek” met javascript handelingen die je kunt oproepen met “gemakkelijke” codes.
\nZonder elke keer het gehele script neer te zetten dat bijvoorbeeld het verslepen van een div mogelijk maakt, bevat de bibliotheek diverse uitgewerkte scripts die je alleen maar aan hoeft te roepen.<\/p>\n

Het is een library die herkend wordt door de meeste browsers en zo niet alleen op de computer werkt maar ook op de mobiele browser of die van tablets.<\/p>\n

De jQuery library inladen<\/h2>\n

Je kunt de library downloaden van jQuery.com<\/a> waarna je er naar linkt in de header van je website, of je kunt de library extern laden.<\/p>\n

Google host er diverse:<\/p>\n

<script src=”https:\/\/ajax.googleapis.com\/ajax\/
\nlibs\/jquery\/2.1.3\/jquery.min.js”><\/script><\/p>\n

Nog een belangrijke tip: laadt je jQuery database direct in voordat je het script gaat uitvoeren.<\/strong> De volgorde hiervan is belangrijk voor het functioneren aangezien later ingeladen jQuery in geval van meerdere scripts geen werking heeft.<\/p>\n

 <\/p>\n

Welke versie van jQuery is nu actief?<\/h2>\n

Allereerst, de grootste problemen zijn de WordPress plugins die allemaal hun eigen jQuery laden. Maar welke is nu actief?<\/p>\n

Dit kun je controleren door het volgende in de code te zetten.<\/p>\n

<script>
\nif (typeof jQuery != ‘undefined’) {
\n\/\/ jQuery is loaded => print the version
\nalert(jQuery.fn.jquery);
\n}
\n<\/script><\/p>\n

jQuery versienummers en de verschillen<\/h2>\n

jQuery heeft diverse verschillen, zo is de 2.0 library ontwikkeld zonder de werking in Internet Explorer 6,7,8.<\/p>\n

De 1,1+ versies kregen functies erbij, kortom je kunt niet “zomaar” een library koppelen aan een stuk code. De functionaliteit moet wel in dat versienummer zitten.<\/p>\n

Wat is dan de .min versie?<\/h2>\n

De .min versie is de minified variant waarbij comments en structuur weggelaten zijn. Deze versie is iets kleiner en wordt dus sneller geladen.<\/p>\n","protected":false},"excerpt":{"rendered":"

Ik ben geen jQuery expert, maar heb wel de basiskennis die ik met je wil delen. Enkele tips & tricks die jQuery gebruiken gemakkelijker maakt.<\/p>\n","protected":false},"author":3,"featured_media":5621,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[],"_links":{"self":[{"href":"https:\/\/wpbeveiligen.nl\/wp-json\/wp\/v2\/posts\/5618"}],"collection":[{"href":"https:\/\/wpbeveiligen.nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpbeveiligen.nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpbeveiligen.nl\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/wpbeveiligen.nl\/wp-json\/wp\/v2\/comments?post=5618"}],"version-history":[{"count":0,"href":"https:\/\/wpbeveiligen.nl\/wp-json\/wp\/v2\/posts\/5618\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpbeveiligen.nl\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/wpbeveiligen.nl\/wp-json\/wp\/v2\/media?parent=5618"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpbeveiligen.nl\/wp-json\/wp\/v2\/categories?post=5618"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpbeveiligen.nl\/wp-json\/wp\/v2\/tags?post=5618"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}