我有一个完全由 css ul 和 li 控制的导航栏。
第一个无序列表包含始终显示的列表项(常规站点页面)。将鼠标悬停在列表项(Gamma)上时,会出现子列表项。这些子列表项本身就是具有模型名称的汽车模型的无序列表。将这些项目中的一个悬停在一个单独的 div 中会向我显示汽车的图片。
当我手动创建汽车列表时,一切正常。汽车模型及其图像正确显示。当我通过列表视图动态创建无序列表时。车名没有显示。
如果我将列表视图放在导航 ul 之外。列表视图工作正常。
我认为这与列表视图创建无序列表的那一刻有关。谁能指出我正确的方向?
我的 ASP.net 代码
<nav>
<ul class="menu">
<li><a class="active" href="Default.aspx">H</a></li>
<li><a href="AixamGamma.aspx">Gamma</a>
**<asp:ListView ID="lvGamma" runat="server">
<LayoutTemplate>
<ul>
<asp:PlaceHolder ID="itemPlaceholder" runat="server"></asp:PlaceHolder>
</ul>
</LayoutTemplate>
<ItemTemplate>
<li><a href='<%# "AixamGamma.aspx?Model=" + Eval("car.NewCarID").ToString %>' class="sublistitem" >
<asp:Label ID="lblModelName" runat="server" Text='<%# Eval("car.ModelName") %>'></asp:Label></a>
<div class="modeldetail">
<div class="redbox">
<div class="whitebox">
<div class="container_12">
<div class="wrapper">
<div class="grid_5">
<h3>
<asp:Label ID="lblModelSlogan" runat="server" Text='<%# Eval("car.Slogan") %>'></asp:Label>
</h3>
</div>
<div class="grid_3">
<div class="wrapper">
<img src='<%# Eval("image.ImageLocationPath") + Eval("image.ImageFileName")%>' alt='<%# Eval("car.ModelName") %>'
class="img-max-h200-w200" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
</ItemTemplate>
</asp:ListView>**
*<ul>
<li><a href="AixamGamma.aspx#City" class="sublistitem">City</a></li>
<li><a href="AixamGamma.aspx#CityS" class="sublistitem">CityS</a></li>
<li><a href="#" class="sublistitem">Crossline</a></li>
<li><a href="#" class="sublistitem">GTO</a>
<div class="modeldetail">
<div class="redbox">
<div class="whitebox">
<div class="container_12">
<div class="wrapper">
<div class="grid_5">
<h2>
De nieuwe Aixam Gto</h2>
<p>
Rijden zonder rijbewijs in een sportief kleedje</p>
</div>
<!--- image width max 220px --->
<div class="grid_3">
<div class="wrapper">
<img src="images/Sliders/Aixam%20GTO.jpg" alt="Gto" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li><a href="#" class="sublistitem">Crossover</a></li>
</ul>*
</li>
<li><a href="UnderConstruction.aspx">Tweedehands</a></li>
<li><a href="Onderhoud.aspx">Onderhoud/herstelling </a></li>
<li><a href="Wetgeving.aspx">Wetgeving</a></li>
<li><a href="Contact.aspx">Contact</a></li>
</ul>
</nav>
粗体部分不起作用,除非将其放置在导航列表中,斜体部分起作用
谢谢帮助