物化滑塊不能在asp.net工作mvc

我正在開發一個在asp.net中的mvc webapp，但我的滑塊不工作。當我使用html嘗試相同的代碼時，它可以工作。這裏是我的代碼物化滑塊不能在asp.net工作mvc

<head> 
<link href="~/Content/css/materialize.min.css" rel="stylesheet" /> 
<script type="text/javascript" src="~/Content/jquery/jquery-2.1.1.min.js"></script> 
<script type="text/javascript" src="~/Content/js/materialize.min.js"></script> 

<script> 
$(document).ready(function() { 
     $('.slider').slider({ full_width: true }); 
    }); 
</script> 
</head> 
<body>  
<div class="slider"> 
<ul class="slides"> 
    <li> 
    <img class="responsive-img" src="~/Content/img/hotel1.jpeg" /> 
    </li> 
    <li> 
    <img class="responsive-img" src="~/Content/img/hotel2.jpeg" /> 
    </li> 
</ul> 
</div> 
</body>

的一部分。當我使用Chrome的開發者工具，它說

Uncaught TypeError: $(...).slider is not a function

也

Uncaught ReferenceError: $ is not defined(anonymous function) @ materialize.min.js:6

來源

2016-10-03 Dimuth Ruwantha

'$未定義'表示jQuery沒有正確初始化或者不存在於客戶端。檢查jQuery庫是否存在，或者使用'

的問題是你的腳本標記您的腳本中檢查代碼應該在這樣的頁面底部

<head> 
<link href="~/Content/css/materialize.min.css" rel="stylesheet" /> 

</head> 
<body>  
<div class="slider"> 
<ul class="slides"> 
    <li> 
    <img class="responsive-img" src="~/Content/img/hotel1.jpeg" /> 
    </li> 
    <li> 
    <img class="responsive-img" src="~/Content/img/hotel2.jpeg" /> 
    </li> 
</ul> 
</div> 

<script type="text/javascript" src="~/Content/jquery/jquery-2.1.1.min.js"></script> 
<script type="text/javascript" src="~/Content/js/materialize.min.js"></script> 

<script> 
$(document).ready(function() { 
     $('.slider').slider({ full_width: true }); 
    }); 
</script> 
</body>

來源

2016-10-07 14:58:37 Stannio

相關問題