Question

我创建了一个窗格，将新闻显示为动态的自动收报机，我已经绑定了转发器控件以显示新闻，我已经使用jquery（vTicker）逐个滑动新闻.jquery运行静态数据但是当数据变得动态时它不起作用以下是我的代码

   <div id="nt-title-container">
                <asp:Repeater ID="rptNews" runat="server">
                    <ItemTemplate>
                        <ul id="ticker">
                            <li><a href="newsandevents.aspx" id="linkNews"><b>
                                <asp:Label ID="lblHeader" runat="server" Text='<%#Eval("newsHeader") %>' CssClass="lblHeader"></asp:Label>
                            </b>
                                <br />
                                <small>
                                    <asp:Label ID="lblDate" runat="server" Text='<%#Eval("newsDate") %>' CssClass="lblDate"></asp:Label>
                                </small>
                                <br />
                                <p>
                                    <asp:Label ID="lblContent" runat="server" Text='<%#Eval("newsDescr") %>' CssClass="lblContent"></asp:Label>
                                </p>
                            </a></li>
                        </ul>
                    </ItemTemplate>
                </asp:Repeater>
            </div>

的jquery：-------

 <script type="text/javascript">
        $(function () {
            $('#ticker').vTicker();
        });
    </script>

请告诉我它有什么问题。

Answer 1

您的前端代码需要如下所示。在转发器的标题模板和页脚模板中移动开头和结尾div和ul标签。

<asp:Repeater ID="rptNews" runat="server">
    <HeaderTemplate>
        <div id="nt-title-container">
            <ul id="ticker">
    </HeaderTemplate>
    <ItemTemplate>

        <li><a href="newsandevents.aspx" id="linkNews"><b>
            <asp:Label ID="lblHeader" runat="server" Text='<%#Eval("newsHeader") %>' CssClass="lblHeader"></asp:Label>
        </b>
            <br />
            <small>
                <asp:Label ID="lblDate" runat="server" Text='<%#Eval("newsDate") %>' CssClass="lblDate"></asp:Label>
            </small>
            <br />
            <p>
                <asp:Label ID="lblContent" runat="server" Text='<%#Eval("newsDescr") %>' CssClass="lblContent"></asp:Label>
            </p>
        </a></li>
    </ItemTemplate>
    <FooterTemplate>
        </ul>
            </div>
    </FooterTemplate>
</asp:Repeater>

您还需要修改您的javascript以定位包含div而不是vTicker示例，如下所示。

<script type="text/javascript">
    $(function () {
        $('#nt-title-container').vTicker();
    });
</script>

这应该让它适合你。

新闻自动收报机jquery没有运行动态内容（转发器控制）

1 个答案: