Cum pun jQuery să se încarce doar pe desktop?

Săptămâna trecută am avut un fel de obsesie, vorba cântecului, cu position:sticky. Voiam ca partea din dreapta a blogului să rămână vizibilă tot timpul, indiferent dacă cel ce citește un articol este în partea de sus sau în partea de jos a paginii web.

Din ce m-am documentat, treaba asta se poate face folosind CSS. Proprietatea pe care am scris-o mai sus, urmată de un top: 10px ar fi suficientă.

Versiunile mai vechi de navigatoare, însă, nu știu de sticky. Pentru ele am avut nevoie de jQuery. Cum nu am vrut ca scriptul de jQuery să se încarce și pe mobil, l-am adăugat într-un alt javascript care verifică rezoluția.

<script>
if(screen.width>1000) {
document.write('<scr' + 'ipt src="https://vasileruscior.ro/wp-content/min/jquery-3.3.1.min.js"></scr' + 'ipt><scr' + 'ipt src="https://vasileruscior.ro/wp-content/min/jquery-migrate-3.0.0.min.js"></scr' + 'ipt>');
}
</script>

Acum nu știu dacă asta e cea mai bună variantă pentru a pune jQuery doar pentru rezoluții mari, însă nici nu am altă versiune.

Dacă ai tu o versiune mai bună, scrie-mi un comentariu.

Momentan, am renunțat la ideea de sidebar sticky. Poate voi reveni la ea în viitor.

2 comentarii la "Cum pun jQuery să se încarce doar pe desktop?"

  1. Postolachi Dumitru | 29 iunie 2018 la 16:45 | Răspunde

    Folosește funcția nativă WordPress wp_is_mobile()

Adaugă un comentariu

Scrie comentariul tău în căsuța de mai jos. Publicând comentarii pe acest blog, accepți politica de confidențialitate.

Completează numele tău. Adresa de email și site-ul web sunt câmpuri opționale și le poți lăsa necompletate.