Forum Discussion

snaffle's avatar
snaffle
Expert
7 years ago

Including Javascript files with JQuery dependancy

We've been able to find documentation on how to use Lithium's included JQuery library inline using:   <@liaAddScript>  and that works a treat, but despite quite a lot of searches on the Community ...
marco55's avatar
marco55
Genius
7 years ago

If I'm understanding what you're going for, another option might be to include the asset through js with $(document).ready(), it should load after jquery.

 

<@liaAddScript>
;
//optional js
$(document).ready( function () {
var my_script = document.createElement("script");
my_script.setAttribute("src","[asset_path]");
my_script.setAttribute( "type", "text/javascript" );
document.head.appendChild(my_script);
} );
})(LITHIUM.jQuery);
</@liaAddScript>
marco55's avatar
marco55
Genius
7 years ago

Yikes, sorry, I posted the syntax wrong...corrected:

 

<@liaAddScript>
;(function($) {
    //optional js
$(document).ready( function () {
var my_script = document.createElement("script");
my_script.setAttribute("src","[asset_path]");
my_script.setAttribute( "type", "text/javascript" );
document.head.appendChild(my_script);
} );
})(LITHIUM.jQuery);
</@liaAddScript>
  • snaffle's avatar
    snaffle
    Expert
    7 years ago

    Hi marco55, thanks for posting that, could come in very handy.

     

    Cheers

     

    Nathan