This project is read-only.

Bootstrap Carousel jQuery placement

Topics: General
Feb 9, 2014 at 2:14 PM
Edited Feb 9, 2014 at 2:15 PM
.. another embarassing blackout!
I'm trying to create a slider using the 'Projection' module based on 'Bootstrap'. All looks fine i.e. I get the query layout etc.

except when running it I get error:
Unhandled exception at line 223, column 198 in http://localhost:30321/OrchardLocal/carousel
0x800a1391 - JavaScript runtime error: '$' is undefined
 This is in the 'LayoutShapes.cs' file on line: 
Output.Write("<script>$(function () {$('#" + Id + "').carousel({" + (!string.IsNullOrEmpty(Interval) ? "interval: " + Interval : null)
  • "});});</script>");
    I assume that my site doesn't find the 'bootstrap.js' file correctly!
Where would I put something equivalent to :
@{ Script.Require("jQuery");

Bottom line question: where do I 'declare' the 'bootstrap.js' file correctly?

thanks for your time and help
Feb 10, 2014 at 8:09 AM
well, consider it closed!
... after some more testing it seems that I opened a can off worms ... I'm starting to (try) understand all things around Bootstrap - Orchard .... lots to learn first ... might come back later!