JavaScript script in ASP.NET

Question

Hi I'm using jQuery in my ASP.NET website. I try to make slider using scripts

<meta name="viewport" content="width=device-width" /> @Styles.Render("~/Content/css-default") @Styles.Render("~/Content/css-menu") @Styles.Render("~/Content/css-style") @Scripts.Render("~/bundles/modernizr") @Scripts.Render("~/bundles/slider") @Scripts.Render("~/bundles/jquery") <script type="text/javascript"> $(function() { $('.banner').unslider({ speed: 500, delay: 3000, complete: function() {}, keys: false, dots: true, fluid: false });}); </script> </head> 

in version where i don't use ASP.NET script is working, but when I copied it to Layout.cshtml it doeas not...

<div id="slider"> <div class="banner"> <ul> <li><img src="~/Images/1.jpg"></li> <li><img src="~/Images/2.jpg"></li> <li><img src="~/Images/3.jpg"></li> </ul> </div> </div> 

Answer 1

You have to include jQuery before you include your slider library because the library uses jQuery:

 @Scripts.Render("~/bundles/jquery") @Scripts.Render("~/bundles/slider")