javascript - HTML 滚动框的 ASP.NET 基本计数器

Question

我正在为客户的现有网站上的特色文章开发滚动条。（我没有开发该网站）。

我需要在下面的 HTML 中添加一个计数器，以便每次调用中继器元素时，每个项目都有一个唯一的“数据标题”值。

以下是我的代码，非常感谢您的帮助！

          <asp:repeater id="rptNews" runat="server">
    <itemtemplate>


      <img src="getImage.asp?img=<%# Container.DataItem("image").Trim()%>&w=600&h=600" data-caption="#htmlCaption5" />




    <span class="orbit-caption" id="htmlCaption5"><strong><a href="/<%# Container.DataItem("url").Trim()%>/"><%# Container.DataItem("title").Trim()%>:</a> </strong><a href="/<%# Container.DataItem("url").Trim()%>/">Read More</a></span>



    </itemtemplate>
    </asp:repeater>

Answer 1

这是来自记忆，尚未经过测试，但它应该给你一个想法：

 <asp:repeater id="rptNews" runat="server">
     <itemtemplate>
         <img src="getImage.asp?img=<%# Container.DataItem("image").Trim()%>&w=600&h=600" data-caption='<%# String.Format("#htmlCaption{0}", Container.ItemIndex) %>' />
         <span class="orbit-caption" id='<%# String.Format("#htmlCaption{0}", Container.ItemIndex) %>'><strong><a href="/<%# Container.DataItem("url").Trim()%>/"><%# Container.DataItem("title").Trim()%>:</a> </strong><a href="/<%# Container.DataItem("url").Trim()%>/">Read More</a></span>
    </itemtemplate>
</asp:repeater>

基本上：将您的字符串“#htmlCaption5”替换为<%# String.Format("#htmlCaption{0}", Container.ItemIndex) %>'