c# - ASP.NET 中的 JavaScript 脚本

Question

您好，我在我的 ASP.NET 网站中使用 jQuery。 我尝试使用脚本制作 slider

<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>

在我不使用 ASP.NET 脚本的版本中可以正常工作，但是当我将它复制到 Layout.cshtml 时它不会...

<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

在包含 slider 库之前必须包含 jQuery，因为该库使用 jQuery:

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