Jquery 物化滑块在asp.net mvc中不起作用_Jquery_Html_Asp.net Mvc_Materialize

Jquery 物化滑块在asp.net mvc中不起作用

jquery html asp.net-mvc

Jquery 物化滑块在asp.net mvc中不起作用,jquery,html,asp.net-mvc,materialize,Jquery,Html,Asp.net Mvc,Materialize,我正在asp.net中开发一个mvc webapp，但我的滑块不工作。当我尝试使用html编写相同的代码时，效果很好。这是我的部分代码 <head> <link href="~/Content/css/materialize.min.css" rel="stylesheet" /> <script type="text/javascript" src="~/Content/jquery/jquery-2.1.1.min.js"></script>

我正在asp.net中开发一个mvc webapp，但我的滑块不工作。当我尝试使用html编写相同的代码时，效果很好。这是我的部分代码

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

而且

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

问题是您的脚本标签您的脚本应该位于页面底部，如下所示

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








$（文档）.ready（函数（）{
$（'.slider'）.slider（{full_width:true}）；
});

问题在于不需要的jquery和引导引用。从文件中删除后，它工作正常。

$未定义

表示jQuery未正确初始化或客户端不存在。检查jQuery库是否存在，或者使用

指向相对路径。jQuery引用错误已更正。问题在于Slidersion您的Materialize初始化代码看起来不错，请尝试使用

“@Url.Content（“~/Content/js/Materialize.min.js”）”

更改第二个脚本标记上的src属性路径值。如果jQueryUI库仍然不起作用，也包括它。

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