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 we're struggling to find out how we might include an external Javascript file that has JQuery as a dependancy, and have it use the included Lithium JQuery... so for example:

<script src="${asset.get('/html/assets/off-canvas.js')}" type="text/javascript"></script>

Whenever we do that we either get a "JQuery not defined" message or "jQuery is not a function".

Is that because we would have to modify the included file to work with Lithium's JQuery?

 

And is the alternative to include our own JQuery?

 

Thanks

 

Nathan

    • snaffle's avatar
      snaffle
      Expert
      7 years ago

      Hi Payal,

       

      Thanks for the quick reply, and yes we know how to include it but including a second JQuery library was what we were hoping to avoid.

       

      But it looks like including it again is the only solution.

      • Payal's avatar
        Payal
        Director
        7 years ago
        Hi Snaffle,

        Then, Jquery is not defined might be of the following reasons:
        1.The order in which you load your scripts is not correct, if you use multiple scripts.
        2.If you are loading the jQuery library from any of the CDN, then please check that CDN link is working or not.

        You can include your jquery CDN in header.
        Let me know if this works.
        Thanks