0

我想问一下页面加载后如何使用这两个功能

jQuery(document).ready(function($)
{
    $('#list').tableScroll({height:500});

});

和

jQuery(document).ready(function($)
{
    $('#list').tableSorter();

});
4

9 回答 9

7 
jQuery(document).ready(function($) {
    $('#list').tableSorter().tableScroll({height:500});
});
于 2013-04-03T12:02:26.610 回答
3

jQuery 支持方法链。

jQuery(document).ready(function($) {
    $('#list')
        .tableScroll({height:500})
        .tableSorter();    
});
于 2013-04-03T12:02:34.733 回答
1 
jQuery(document).ready(function($)
{
    $('#list').tableScroll({height:500});
    $('#list').tableSorter();
});
于 2013-04-03T12:02:23.610 回答
1

只需将两者放在一个 DOM 就绪处理程序下并使用链接：

$(document).ready(function() {
    $("#list").tableScroll({ height: 500 }).tableSorter();
});
于 2013-04-03T12:02:23.907 回答
0 
$(document).ready(function() {
    $("#list").tableScroll({ height: 500 }).tableSorter();
});
于 2013-04-03T12:03:00.830 回答
0

简单，使用

jQuery(document).ready(function() {
    $('#list').tableScroll({height:500}).tableSorter();
});
于 2013-04-03T12:04:12.053 回答
0

我想拥有多个就可以了

jQuery(document).ready(function($) { .... }

两者都将在加载正文的页面上调用:)。无论是否进行了调用，都将仅在页面加载时调用。

于 2013-04-03T12:05:06.053 回答
0

您可以使用一个较短的版本，jQuery(document).ready(function())它会产生相同的结果：

 $(function() {
   // code to execute when the DOM is ready
 });

对于这种情况，使用优雅的链接：

$(function() {
    $('#list').tableSorter().tableScroll({height:500});
 });

有关这两种方法之间差异的讨论，请参阅这个非常有用的问题。

于 2013-04-03T12:07:22.703 回答
0

这是我的做法：

// Create an immediately-invoked function expression
(function ($) {

    // Enable strict mode
    "use strict";

    // Cache the selector so the script
    // only searches the DOM once
    var myList = $('#list'); 

    // Chain the methods together
    myList.tableScroll({height:500}).tableSorter();

}(jQuery));

像这样在 IIFE 中编写 jQuery 意味着您可以将代码与也使用 . 的其他库一起运行$，并且不会发生冲突。

确保在文档末尾包含此 JavaScript，就在结束</body>标记之前。

于 2013-04-03T12:14:32.683 回答