Question

我想询问一旦页面加载后如何使用这两种功能

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

});

和

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

});

Answer 1

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

Answer 2

jQuery支持方法链接。

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

Answer 3

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

Answer 4

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

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

Answer 5

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

Answer 6

简单，使用

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

Answer 7

我觉得有多个

很好

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

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

Answer 8

您可以使用较短版本的jQuery(document).ready(function())，结果相同：

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

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

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

有关这两种方法之间差异的讨论，see this very helpful question.

Answer 9

这是我将如何做到的：

// 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意味着您可以将代码与其他使用$的库一起运行，并且不会产生冲突。

请务必在结束</body>代码之前的文档末尾添加此JavaScript。

使用2个jquery函数

9 个答案: