Невозможно добавить Dropdown в веб-формы asp.net с materialize.css

Прежде всего, я новичок в asp, так что может быть, вопрос слишком глуп, но все же я не могу добавить раскрывающийся список на мои веб-страницы после используя materialize.css. Без выпадающего меню работает нормально, но при связывании файлов материализуется он не работает. Я попытался добавить как выпадающие списки из панели инструментов, так и те, которые принадлежат к материализации, но не отображается, хотя код present.How, чтобы решить это?
Вот фрагмент кода моей главной страницы с выпадающим меню добавляемых панелей инструментов `Невозможно добавить Dropdown в веб-формы asp.net с materialize.css

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %> 

<!DOCTYPE html> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 

    <meta name="viewport" content="width=device-width, initial-scale=1.0"/> 
    <link href="font/material-design-icons/material.css" rel="stylesheet" type="text/css" /> 
    <link href="styles/materialize.min.css" rel="stylesheet" type="text/css" /> 
    <title></title> 
    <style> 
     .wraped { 
      margin-top:10px; 
      margin-left:20px; 
      margin-right:20px; 
     } 
     </style> 
    <asp:ContentPlaceHolder id="head" runat="server"> 
    </asp:ContentPlaceHolder> 
</head> 
<body> 
    <div class="wraped"> 
    <div class="container" style="width:80%"> 
    <form id="form1" runat="server"> 
     <div class="row"> 
      <!--Navbar--> 
      <div class="col s4"> 
       <asp:Image ID="logo" CssClass="z-depth-3 responsive-img" ImageUrl="~/images/logo.png" runat="server" Height="122px" Width="214px" /> 
       </div> 
      <div class="col s6 offset-s2" style="border-bottom:solid 4px #669900;margin-top:25px;" > 
       <asp:Menu ID="Menu1" DataSourceID="SiteMapDataSource1" Orientation="Horizontal" runat="server" StaticMenuStyle-HorizontalPadding="10px" Width="100%"> 
        <StaticHoverStyle BackColor="#003300" ForeColor="White" /> 
        <StaticMenuItemStyle Font-Names="Corbel" Font-Size="Large" ForeColor="#CC3300" HorizontalPadding="23px" Font-Bold="True" /> 
       </asp:Menu> 
       <asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" ShowStartingNode="False" /> 
       </div> 
     <!--Content--> 
    <div class="col s12" style="margin-top:20px;"> 
     <asp:DropDownList ID="DropDownList1" runat="server"></asp:DropDownList><!--Here is the drop down--> 
     <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server"> 

     </asp:ContentPlaceHolder> 
    </div> 
      </div> 
    </form> 
     </div> 
    </div> 
    <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script> 
    <script type="text/javascript" src="js/materialize.min.js"></script> 

</body> 
</html>

` И это фрагмент кода с раскрывающимся списком материализовать

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %> 

<!DOCTYPE html> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 

    <meta name="viewport" content="width=device-width, initial-scale=1.0"/> 
    <link href="font/material-design-icons/material.css" rel="stylesheet" type="text/css" /> 
    <link href="styles/materialize.min.css" rel="stylesheet" type="text/css" /> 
    <title></title> 
    <style> 
     .wraped { 
      margin-top:10px; 
      margin-left:20px; 
      margin-right:20px; 
     } 
     </style> 
    <asp:ContentPlaceHolder id="head" runat="server"> 
    </asp:ContentPlaceHolder> 
</head> 
<body> 
    <div class="wraped"> 
    <div class="container" style="width:80%"> 
    <form id="form1" runat="server"> 
     <div class="row"> 
      <!--Navbar--> 
      <div class="col s4"> 
       <asp:Image ID="logo" CssClass="z-depth-3 responsive-img" ImageUrl="~/images/logo.png" runat="server" Height="122px" Width="214px" /> 
       </div> 
      <div class="col s6 offset-s2" style="border-bottom:solid 4px #669900;margin-top:25px;" > 
       <asp:Menu ID="Menu1" DataSourceID="SiteMapDataSource1" Orientation="Horizontal" runat="server" StaticMenuStyle-HorizontalPadding="10px" Width="100%"> 
        <StaticHoverStyle BackColor="#003300" ForeColor="White" /> 
        <StaticMenuItemStyle Font-Names="Corbel" Font-Size="Large" ForeColor="#CC3300" HorizontalPadding="23px" Font-Bold="True" /> 
       </asp:Menu> 
       <asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" ShowStartingNode="False" /> 
       </div> 
     <!--Content--> 
    <div class="col s12" style="margin-top:20px;"> 
     <div class="input-field"> 
    <select> 
     <option value="" >Choose your option</option> 
     <option value="1">Option 1</option> 
     <option value="2">Option 2</option> 
     <option value="3">Option 3</option> 
    </select> 
    </div><!--Here is the drop down--> 

     <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server"> 

     </asp:ContentPlaceHolder> 
    </div> 
      </div> 
    </form> 
     </div> 
    </div> 
    <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script> 
    <script type="text/javascript" src="js/materialize.min.js"></script> 

</body> 
</html>

Я использую Visual Studio 12

источник

2016-07-06 Sourajit

Отметьте этот ответ: http://stackoverflow.com/questions/38170589/select-option-does-not-work-in-rails-using-materializecss/38175041#38175041. Я считаю, что ваша проблема такая же. –

Проблема заключается в том, что выпадающий список не отображается! , это пространство отображается полностью пустым. В то же время проверяя элемент, он показывает код ... и я также использовал инициализацию jquery, но он все тот же – Sourajit

Использовать CssClass = "browser-default" внутри тега DropDownList.

источник

2016-10-18 20:10:48

Невозможно добавить Dropdown в веб-формы asp.net с materialize.css

ответ

Смежные вопросы