Question

我尝试在我的脚本中链接多个函数调用，但每当我尝试在我的网页上获取它时，我都会收到Uncaught TypeError: $(...).tablesorter(...).tablesorterPager is not a function。

有问题的代码格式如下：

function InitializeTableSorter() {
    var pagerOptions = {
        //object definitions in here
    }; 

    $("#transaction").tablesorter({
        //function stuff in here    
    }).tablesorterPager(pagerOptions);
}

我在这里使用Tablesorter plugin，它使用tableSorter和tablesorterPager函数。

这里出了什么问题？我错过了什么吗？

Answer 1

假设您安装了相应的插件文件（如果订单很重要，则按照适当的顺序）

未捕获TypeError：$（...）。tablesorter（...）。tablesorterPager不是函数

当jQuery和其他库之间存在冲突时，通常会遇到

。为了避免麻烦，请致电$.noConflict()并忘记在文档ready之后运行您的jQuery代码

$.noConflict();
jQuery(document).ready(function($){
  function InitializeTableSorter() {
    var pagerOptions = {
        //object definitions in here
    }; 

    $("#transaction").tablesorter({
        //function stuff in here    
    }).tablesorterPager(pagerOptions);
  }
});

Answer 2

jQuery(document).ready(function($){
    var pagerOptions = {
        //object definitions in here
    }; 

    $("#transaction").tablesorter({
        //function stuff in here    
    }).tablesorterPager(pagerOptions);
});

在页面底部使用此方法。

Answer 3

我认为这是导致错误的原因 .tablesorterPager（pagerOptions）;

试试这个：

function InitializeTableSorter() {
   var pagerOptions = {
       //object definitions in here
   }; 

   $("#transaction").tablesorter(pagerOptions);
}

jQuery：链接多个函数会给出Uncaught Typeerror

3 个答案: