Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/436.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 一页中有2个表的tablesorter问题_Javascript_Jquery_Tablesorter_Scroller - Fatal编程技术网

Javascript 一页中有2个表的tablesorter问题

Javascript 一页中有2个表的tablesorter问题,javascript,jquery,tablesorter,scroller,Javascript,Jquery,Tablesorter,Scroller,我尝试使用jquery插件tablesorter将两个表放在同一个页面中。。 但是如果这样做,我的第二张桌子就不能正常工作 在第二个表中,我没有第二个表的标题名 你可以在这里看到: $(文档).ready(函数(){ $('table.tablesorter').tablesorter({ 高度:150, 小部件:['zebra','scroller'] }); //Setup window.resizeEnd事件 $(窗口).bind('调整大小',窗口大小); $(窗口).bind('r

我尝试使用jquery插件tablesorter将两个表放在同一个页面中。。 但是如果这样做,我的第二张桌子就不能正常工作

在第二个表中,我没有第二个表的标题名

你可以在这里看到:


$(文档).ready(函数(){
$('table.tablesorter').tablesorter({
高度:150,
小部件:['zebra','scroller']
});
//Setup window.resizeEnd事件
$(窗口).bind('调整大小',窗口大小);
$(窗口).bind('resizeEnd',函数(e){
/*
IE在修改内容时调用resize,因此我们必须解除resize事件的绑定
所以我们不会以无限循环结束。我们可以在结束后重新绑定。
*/
$(窗口)。取消绑定('调整大小',窗口大小);
$('table.tablesorter')。每个(函数(n,t){
if(typeof t.resizeWidth=='function')t.resizeWidth();
});
$(窗口).bind('调整大小',窗口大小);
});
});
函数窗口_resize(){
if(this.resize_timer)clearTimeout(this.resize_timer);
this.resize_timer=setTimeout(函数(){
$(this.trigger('resizeEnd');
}
, 250
);
}
演示
年
艺术家
仅有一个的
专辑
1979特别黑帮无专辑单曲
1979特别给你捎个口信RudySpecials
1980年特色菜太年轻了特色菜
1980年特辑RaceNon专辑单曲
1980年特价还有更多特价
1980年特色菜什么也不做更多的特色菜
人的生日
XYZ1212/15/2012
RZE3612/12/1985
HFF 3601/02/1985


如果有人能帮助我,请回答问题。问题似乎是滚动程序小部件代码中的错误:

更改此行:

var $hdr = $('<table class="' + $tbl.attr('class') + '" cellpadding=0 cellspacing=0><thead>' + $('thead', table[0]).html() + '<thead></table>');
它解决了这个问题

我已经把这一更正包括在报告中



我还想建议您尝试一下我的,其中包括许多改进,以及这个更新的scroller小部件(仍有一些问题需要解决)。

这就是我编写自己的表排序脚本的原因:p它只有50行代码,支持自定义排序值(例如,如果列有“星期一”、“星期二”)等等。然后您可以使用数字值设置数据属性进行排序),支持数字和字母排序,保存页面重新加载时的排序顺序。。。太棒了3你能分享一个现场演示吗。。。您正在使用的滚动脚本是什么?我不记得
scrollHeight
曾经是一个表排序器选项。是的,你可以在这里看到:看第二个表,它的标题名与第一个表的标题名相同。。但在我的html代码中,我的第二个表有:人物、年龄、生日和非年度艺术家单张专辑。。排序正常,滚动正常,只是第二个表的标题名tr th不正常
var $hdr = $('<table class="' + $tbl.attr('class') + '" cellpadding=0 cellspacing=0><thead>' + $('thead', table[0]).html() + '<thead></table>');
var $hdr = $('<table class="' + $tbl.attr('class') + '" cellpadding=0 cellspacing=0><thead>' + $('thead', $tbl).html() + '<thead></table>');