asp.net - jQuery 限制 <script> 的范围

Question

这是Manual以及我再次尝试为网格制作固定行的代码:

<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="Scripts/webtoolkit.jscrollable.js" type="text/javascript"></script>
<script src="Scripts/webtoolkit.scrollabletable.js" type="text/javascript"></script> 
<script type="text/javascript">
    $(document).ready(function() {
        jQuery('table').Scrollable(400, 1500);
    });
</script>

    <asp:GridView ID="GridView2" runat="server" 
        DataSourceID="SqlDataSource1" AllowPaging="False" AllowSorting="True" OnPreRender="GridView2_PreRender"
        onrowcreated="GridView1_RowCreated" Width="100%" ondatabound="GridView2_DataBound">
    </asp:GridView>

</asp:Panel>

如何限制<Script>的范围在我的 div 或带有 GridView 的某些区域上。

现在它适用于整个页面并将其分解。

(我还有一个关于修复此脚本工作的问题，但主要问题是限制 <script> 的范围)

Answer 1

您应该仅选择客户端 GridView2 表。

您可以获取 ClientID 服务器端属性来构建选择器:

$(document).ready(function() {
  jQuery('#<%=GridView2.ClientID%>').Scrollable(400, 1500);
});

或者使用attributeEndsWith选择器

$(document).ready(function() {
  jQuery('table[id$=GridView2]').Scrollable(400, 1500);
});