为什么过滤器和分页不能一起工作

时间:2013-01-28 15:34:44

标签: javascript jquery

我有一个功能,必须按页面过滤和显示结果。在准备文件一切似乎都很好。这些项目按页面分隔。如果我点击复选框或日期,它会按我的意愿过滤元素,所以它也在起作用。但问题是当函数过滤项目时没有创建新的分页。例如:我有28个项目。它们显示3页 - 10个/页。如果我过滤并且过滤结果是12个项目,则该功能不会产生2个页面:首先是10个项目,第二个是2个...但是所有内容都在第一页上,并且页面数量没有变化。这是我的代码:

jsFiddle

我试图让“点击”功能'实时'像这样:

$('label.check, .calendar a').live('click', function(){
   //the code
})

但我不知道它为什么不起作用而且它正在刹车。

我还尝试替换此match - es:

var pages = Math.ceil(match.length/page);

match.slice(first_item, last_item).show();

使用$('.widget.left:visible'),但仍无效。

那么为什么live不起作用?我认为如果确实如此,并给我的比赛一个实时的结果,其余的将会奏效,但......有人可以帮忙吗?

编辑:我不知道,但我的js不会在jsfiddle中运行。我已经尝试了jsfiddle和jsbin,但仍然没有。很抱歉,我不知道如何解决它,但代码运行肯定。它被复制/粘贴。

1 个答案:

答案 0 :(得分:0)

你说:

  

但是一切都在第一页,而页面数则没有   变化

因为在你的JSBin $中没有定义。这意味着JQuery没有定义,所有其他库也是BTW。

我快速添加JQuery和JQuery UI,它是第一次工作(当我点击americana时)。似乎冻结之后。因为我没有所有依赖项,所以我停止了调试。

http://jsbin.com/oqufun/4/edit