Materialise Slider funktioniert nicht in asp.net mvc

Ich entwickle eine MVC Webapp in asp.net, aber mein Slider funktioniert nicht. Wenn ich den gleichen Code mit HTML versuche, funktioniert es. Hier ist mein Teil des CodesMaterialise Slider funktioniert nicht in 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>

Wenn ich den Code überprüfen Chrome-Entwickler-Tools es sagt

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

und auch

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

Quelle

2016-10-03 Dimuth Ruwantha

'$ ist nicht definiert 'bedeutet, dass jQuery nicht ordnungsgemäß initialisiert wurde oder auf der Clientseite nicht existiert. Überprüfen Sie, ob die jQuery-Bibliothek vorhanden ist, oder verwenden Sie '

Das Problem sind Ihre Script-Tags Ihr Skript sollte am Ende Ihrer Seite wie folgt sein

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

Quelle

2016-10-07 14:58:37 Stannio

Verwandte Themen