2014-01-17 27 views
1

您好我正在ASP.NET網站中使用jQuery。 我儘量讓使用滑塊腳本ASP.NET中的JavaScript腳本

<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它doeas不...

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

回答

3

你必須包括jQuery的,你包括你的滑蓋庫之前,因爲庫使用jQuery的:

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

THX,我已經與它戰鬥了將近一個小時:)它的工作現在 – johns