Question

<asp:Repeater ID="rpt_hotel_rooms" OnItemDataBound="rpt_hotel_rooms_ItemDataBound" runat="server">
    <ItemTemplate>
        <ul class="nav nav-tabs item">
            <li id="royal_tab" runat="server" class="active"><a data-toggle="tab" href="#royal">ROYAL</a></li>
            <li id="splendid_tab" runat="server"><a id="spl" data-toggle="tab" href="#splendid">SPLENDID</a></li>
        </ul>

        <div class="tab-content">
            <div id="royal" runat="server" class="tab-pane fade in active">
                <%# Eval("hotel_royal") %>
            </div>
            <div id="splendid" runat="server" class="tab-pane fade">
                <%# Eval("hotel_splendid") %>
            </div>
        </div>
    </ItemTemplate>
</asp:Repeater>

当我删除div id = royal和id = splendid的runat服务器attr时，代码将正常工作但是当我在引导选项卡不工作之后添加runat server attr时。

我希望在需要时隐藏div。这就是为什么我要添加runat服务器来管理代码隐藏的div。

我该怎么办？

如果有另一种方法来重复内部div而没有添加runat服务器那么请告诉我。

提前谢谢你...... :)

Answer 1

更好的方法，如果你可以在客户端做div隐藏，取决于你想要隐藏它的条件。可以在那里写onclick事件，并可以编写一个javascript函数来隐藏或显示div。试一次。

Answer 2

而不是<div>使用<asp:panel>和ClientIDMode="Static"

<asp:Panel ID="royal" ClientIDMode="Static" runat="server" CssClass="tab-pane fade in active"> <%# Eval("hotel_royal") %> </asp:Panel>

使用runat服务器的Bootstrap选项卡在asp.net中不起作用

2 个答案: