Question

我有一个由css ul和li完全控制的导航栏。

第一个无序列表包含始终显示的列表项（常规站点页面）。将鼠标悬停在列表项目（Gamma）上时，会出现子列表项目。这些子列表项目本身就是带有型号名称的汽车模型的无序列表。将这些物品中的一个悬停在一个单独的div中，可以看到这辆车的照片。

当我手动创建汽车列表时，一切正常。汽车模型及其图像正确显示。当我通过listview动态创建无序列表时。汽车名称未显示。

如果我将listview放在导航ul之外。列表视图工作正常。

我认为它与listview创建无序列表的那一刻有关。有人能指出我正确的方向吗？

我的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>

粗体不起作用，除非它放在导航列表中，斜体部分

请求帮助

Answer 1

我得到了它的工作。我已经在一个项目中使用硬编码无序列表和listview一起测试了代码。删除硬编码列表就行了....

列表视图创建的无序列表未在悬停时显示

1 个答案: