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>

Saravana · Accepted Answer · 2014-01-17 17:17:13Z

3

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

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

answered Jan 17, 2014 at 17:17

Saravana

41k20 gold badges110 silver badges112 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

johns Over a year ago

thx, I've been fighting with it for almost an hour :) It's working now

Collectives™ on Stack Overflow

JavaScript script in ASP.NET

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related