0

我有一个完全由 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>

粗体部分不起作用,除非将其放置在导航列表中,斜体部分起作用

谢谢帮助

4

1 回答 1

0

我让它工作了。我已经用硬编码的无序列表和列表视图在一项中测试了代码。删除硬编码列表可以解决问题....

于 2012-12-08T10:12:56.823 回答