为什么不在asp内容中使用滑块?

时间:2017-01-02 00:26:25

标签: javascript jquery html css asp.net

我有一个母版页,其中所有引用都链接到我需要的(我使用Materialize-CSS)并且在一个页面中使用此母版页不能使用滑块,滑块只显示灰色屏幕,如果点击视图图像显示图像,我读到可能javascript未启用但启用,我也尝试引用ContentPlaceHolderID =" head&#中的所有内容34;但是只显示灰色屏幕

母版主页

<head runat="server">
<link href="css/materialize.min.css" rel="stylesheet" />
<link href="css/materialize.css" rel="stylesheet" />
<link href="css/EstilosMUVIPA.css" rel="stylesheet" />
<link rel="shortcut icon" href="Imagenes/MUVIPA.ico" />    
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<%--nueva--%>
<%--<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">--%>

<%--termina--%>
<title>MUVIPA STORE</title>    
<asp:ContentPlaceHolder id="head" runat="server">
</asp:ContentPlaceHolder>

asp内容负责人

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server"> 
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>          

<script type="text/javascript">
    $(document).ready(function () {
        $('.slider').slider({ full_width: true });
    });
</script>   
</asp:Content>

滑块代码

<div class="slider">
    <ul class="slides">
      <li>
        <img src="Imagenes/paisaje-10.jpg"/> <!-- random image -->
        <div class="caption center-align">
          <h3>This is our big Tagline!</h3>
          <h5 class="light grey-text text-lighten-3">Here's our small slogan.</h5>
        </div>
      </li>
      <li>
        <img src="Imagenes/Paisaje-Natural.jpg"/> <!-- random image -->
        <div class="caption left-align">
          <h3>Left Aligned Caption</h3>
          <h5 class="light grey-text text-lighten-3">Here's our small slogan.</h5>
        </div>
      </li>
      <li>
        <img src="Imagenes/Paisaje.jpg"/> <!-- random image -->
        <div class="caption right-align">
          <h3>Right Aligned Caption</h3>
          <h5 class="light grey-text text-lighten-3">Here's our small slogan.</h5>
        </div>
      </li>
      <li>
        <img src="Imagenes/paisajes-bonitos-de-otoño-lago.jpg"/> <!-- random image -->
        <div class="caption center-align">
          <h3>This is our big Tagline!</h3>
          <h5 class="light grey-text text-lighten-3">Here's our small slogan.</h5>
        </div>
      </li>
     </ul>
    </div>

0 个答案:

没有答案