带有Runat服务器的Bootstrap选项卡在asp.net中不起作用

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>

When i remove the runat server attr of div id=royal and id=splendid then the code will work properly but when i add runat server attr after that bootstrap tabs not working.

i want hide that div when i need. thats why i am adding runat server to manage both div from code-behind.

What should i do?

if there is a another way to repeater inner div's without adding runat server then tell me please.

Thank you in advance... :)

Answer 1

Better way if you can do div hide in client side, depend on the condition you want to hide it.can write onclick event there and can write a javascript function to hide or display div. Try once.

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>