Question

我目前正在使用服务器端轮播滑块，并且很难处理滑块的手动滚动。虽然，使用 bootstrap css和js的<{1}}自动滑动工作。我想知道如何使幻灯片像在客户端滚动一样工作。我设法从服务器获取数据，但滑块控件data-interval="5000" data-ride="carousel"无法正常工作。

代码：

Slider.aspx

<a href=""...next/> and prev

Slider.aspx.cs

<asp:Panel runat="server" id="myCarousel" class="carousel slide" 
           data-interval="5000" data-ride="carousel">                  
              <ol class="carousel-indicators"></ol>                  
              <asp:Panel runat="server" ID="carousel_inner" class="carousel-inner">                                           
              </asp:Panel>
               <%--- These won't work.---%>
              <a class="left carousel-control" runat="server" href="#myCarousel" 
                 role="button" data-slide="prev" style="text-decoration:none;"><</a>
              <a class="right carousel-control" runat="server" href="#myCarousel" 
                 role="button" data-slide="next" style="text-decoration:none;">></a>
</asp:Panel>

Answer 1

确保轮播div的ID为myCarousel。 在ASP中，ID会发生变化。如果ID不相同，请为轮播面板

添加此行ClientIDMode=static

具有动态页数的C＃ASP.NET服务器端轮播滑块

1 个答案: