CSS ul と li によって完全に制御されるナビゲーションバーがあります。
最初の順不同のリストには、常に表示されるリスト項目が含まれています (一般的なサイト ページ)。リスト項目 (ガンマ) にカーソルを合わせると、サブリスト項目が表示されます。これらのサブリスト項目自体は、モデル名を持つ自動車モデルの順不同リストにあります。これらのアイテムの 1 つにカーソルを合わせると、別の 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>
太字の部分は、ナビゲーション リストに配置されている場合を除いて機能しません。イタリックの部分は機能します。
助けてくれてthx