Question

我想用datalist制作jquery滑块，每件事情都很好，除非我选择项目然后选择其他一个，旧项目仍然选择＆amp;不能再重新选择。

这是我的代码：

<%--following code for navigation tab in home page--%>
<%--http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/--%>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" ></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script>
<script type="text/javascript">
    $(document).ready(function () 
    {//              $("#featured > ul").tabs({ fx: { opacity: "toggle"} }).tabs("rotate", 5000, true);
            $("#featured > ul").tabs({ fx: { opacity: "toggle"} });
    });
</script>


<div class="wrapOverall">
    <div id="featured">
        <ul class="ui-tabs-nav">
            <asp:DataList ID="dlstUiTabNav" runat="server" DataKeyField="ArticleID" DataSourceID="odsUiTabNav">
                <ItemTemplate>
                    <li id="nav-fragment-<%# Eval("ArticleID") %>" 
                        class="<%# SetLiClass(DataBinder.Eval(Container, "ItemIndex"),DataBinder.Eval(Container, "ItemType")) %>">
                        <a href="#fragment-<%# Eval("ArticleID") %>"><span>'<%# Eval("ArticleTitle") %>'</span></a></li>
                </ItemTemplate>
            </asp:DataList>
        </ul>
        <!-- Content -->
        <asp:DataList ID="dlstContent" runat="server" DataKeyField="ArticleID" DataSourceID="odsUiTabNav">
            <ItemTemplate>
                <div id="fragment-<%# Eval("ArticleID") %>" 
                     class="<%# SetUiTabClass(DataBinder.Eval(Container, "ItemIndex"),DataBinder.Eval(Container, "ItemType")) %>"
                     style="">
                    <telerik:RadBinaryImage ID="RadBinaryImage1" runat="server" CropPosition="Center"
                        DataValue='<%# Eval("Image") %>'/>
                    <div class="info">
                        <h2>
                            <asp:HyperLink ID="hlnkTitle" runat="server" NavigateUrl='<%# "~\Article.aspx?ArticleID=" & Eval("ArticleID") %>'
                                Text='<%# Eval("ArticleTitle") %>'>
                            </asp:HyperLink>
                        </h2>
                        <p>
                            <asp:HyperLink ID="hlnkMore" runat="server"
                                NavigateUrl='<%# "~\Article.aspx?ArticleID=" & Eval("ArticleID") %>' Text='<%# Eval("ArticleContentSummary")%>'></asp:HyperLink>
                        </p>
                    </div>
                </div>
            </ItemTemplate>
        </asp:DataList>
    </div>
</div>
<asp:ObjectDataSource ID="odsUiTabNav" runat="server" OldValuesParameterFormatString="original_{0}"
    SelectMethod="GetData" TypeName="dsArticlesTableAdapters.uspHomePageContentSelectTableAdapter">
    <SelectParameters>
        <asp:SessionParameter Name="Culture" SessionField="MyCult" Type="String" />
    </SelectParameters>
</asp:ObjectDataSource>

代码背后的代码：

Public Function SetLiClass(ByVal ItemIndex As Integer, ByVal ListItemType As ListItemType) As String
    Dim str As String
    If ListItemType = ListItemType.Item Or _
       ListItemType = ListItemType.AlternatingItem Then
        If ItemIndex = 0 Then
            str = "ui-tabs-nav-item ui-tabs-selected"
        Else
            str = "ui-tabs-nav-item"
        End If
    Else
        str = ""
    End If
    Return str
End Function

Public Function SetUiTabClass(ByVal ItemIndex As Integer, ByVal ListItemType As ListItemType) As String
    Dim str As String
    If ListItemType = ListItemType.Item Or
       ListItemType.AlternatingItem Then
        If ItemIndex = 0 Then
            str = "ui-tabs-panel"
        Else
            str = "ui-tabs-panel ui-tabs-hide"
        End If
    Else
        str = ""
    End If
    Return str
End Function

希望有人可以提供帮助，在此先感谢：）

带有datalist的jquery滑块

0 个答案: