I want to add defer in my <head> for a jQuery and slimmenu that depends on jQuery, so the execution order matters.
My head currently looks like this :
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="../javascripts/jquery.slimmenu.js"></script>
When I tried adding <defer> to these, slimmenu didn't load.
Chat GPT suggested I use this to add defer:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js" defer></script>
<script src="../javascripts/jquery.slimmenu.js" defer></script>
<script defer>
if (window.jQuery && jQuery.fn.slimmenu) {
$('.slimmenu').slimmenu({
resizeWidth: '768',
collapserTitle: 'Menu',
animSpeed: 'medium'
});
}
</script>
Will this work? I use EW4 as a code editor. Thanks for your help!
