Javascript 延迟加载适用于加载数据,但不适用于过滤
这里,第一个脚本是为延迟加载表数据而编写的,第二个脚本是为使用延迟加载进行过滤而编写的,但第二个脚本不起作用 我有一个Codeigniter报告,其中我对表数据进行了一些过滤。我正在使用jQueryAjax延迟加载数据。我所期望的是,当我使用过滤器获取数据时,延迟加载不起作用。对于默认的表加载和过滤器,我应该使用第一个脚本吗。我感到困惑。谁能告诉我如何将两个脚本合并为两个脚本的单个脚本。请帮忙Javascript 延迟加载适用于加载数据,但不适用于过滤,javascript,jquery,ajax,lazy-loading,Javascript,Jquery,Ajax,Lazy Loading,这里,第一个脚本是为延迟加载表数据而编写的,第二个脚本是为使用延迟加载进行过滤而编写的,但第二个脚本不起作用 我有一个Codeigniter报告,其中我对表数据进行了一些过滤。我正在使用jQueryAjax延迟加载数据。我所期望的是,当我使用过滤器获取数据时,延迟加载不起作用。对于默认的表加载和过滤器,我应该使用第一个脚本吗。我感到困惑。谁能告诉我如何将两个脚本合并为两个脚本的单个脚本。请帮忙 $(文档).ready(函数(){ $(“#过滤器”).popover({ 位置:'底部', 标题:
$(文档).ready(函数(){
$(“#过滤器”).popover({
位置:'底部',
标题:('')+'×;',
是的,
内容:$('#customdiv').html()
});
$(document).on(“click”,“.popover.close”,函数(){
$(this.parents(“.popover”).popover('hide');
});
风险价值限额=20;
var start=0;
var action=‘不活动’;
功能lazzy_加载器(限制){
var输出=“”;
对于(变量计数=0;计数<限制;计数++){
输出+='';
输出+='';
}
$('load#u data_message').html(输出);
}
lazzy_装载机(限位);
函数搜索_字段(限制、开始){
$(“.spinner”).show();
$.ajax({
url:“错过呼叫活动/获取数据”,
方法:“张贴”,
数据:{
极限:极限,
开始:开始
},
cache:false,
成功:功能(数据){
$(“.spinner”).hide();
如果(数据=“”){
$('load#u data_message').html('p class=“content desc”>找不到更多数据);
动作='活动';
}否则{
$('load#u data')。追加(数据);
$('load#u data_message').html(“”);
动作='不活动';
}
}
});
}
如果(操作=='inactive'){
动作='活动';
搜索字段(限制、开始);
}
$(窗口)。滚动(函数(){
if($(窗口).scrollTop()+$(窗口).height()>$(“#加载#u数据”).height()&&action='inactive'){
lazzy_装载机(限位);
动作='活动';
开始=开始+限制;
setTimeout(函数(){
搜索字段(限制、开始);
}, 100);
}
});
});
函数子类别(){
var ClickedCategory=新数组();
$('.CategoryClicked')。每个(函数(){
如果($(this).is(':checked')){
单击Category.push($(this.val());
}
});
$.ajax({
键入:“POST”,
url:“未接来电\活动/子类别\复选框”,
数据:{
键入:“文本”,
ClickedCategory:ClickedCategory
},
成功:功能(响应){
$(“#collapsepp”).hide();
$(“#collapseqq”).html(回复);
}
});
}
函数子源(){
var ClickedSource=新数组();
$('.SourceClicked')。每个(函数(){
如果($(this).is(':checked')){
单击source.push($(this.val());
}
});
$.ajax({
键入:“POST”,
url:“错过呼叫活动/子资源”复选框“,
数据:{
键入:“文本”,
ClickedSource:ClickedSource
},
成功:功能(响应){
$(“#collapserr”).hide();
$(“#collapsess”).html(回复);
}
});
}
函数clearFilter(){
location.reload();
}
$(文档).ready(函数(){
$(文档)。在(“单击”,“数据过滤器”,函数()上){
var CheckedRep=新数组();
var ClickedStatus=新数组();
var ClickedType=新数组();
var ClickedCategory=新数组();
var ClickedSubCategory=新数组();
var ClickedSubCategory_Filter=新数组();
var ClickedSource=新数组();
var ClickedSubSource=新数组();
var ClickedSubSource_Filter=新数组();
$('.RepClicked')。每个(函数(){
如果($(this).is(':checked')){
CheckedRep.push($(this.val());
}
});
$('.StatusClicked')。每个(函数(){
如果($(this).is(':checked')){
单击状态.push($(this.val());
}
});
$('.TypeClicked')。每个(函数(){
如果($(this).is(':checked')){
单击type.push($(this.val());
}
});
$('.CategoryClicked')。每个(函数(){
如果($(this).is(':checked')){
单击Category.push($(this.val());
}
});
$('.SourceClicked')。每个(函数(){
如果($(this).is(':checked')){
单击source.push($(this.val());
}
});
$('.subsourcelicked')。每个(函数(){
如果($(this).is(':checked')){
单击子资源推送($(this.val());
}
});
$('.subcategory已单击')。每个(函数(){
如果($(this).is(':checked')){
单击子类别.push($(this.val());
}
});
$('.subcategory已选中_Filter')。每个(函数(){
如果($(this).is(':checked')){
单击子类别_Filter.push($(this.val());
}
});
$('.SubSourceClicked_filter')。每个(函数(){
如果($(this).is(':checked')){
单击子源过滤器.push($(this.val());
}
});
如果((CheckedRep.length>0)| |(ClickedStatus.length>0)| |(ClickedType.length>0)| |(ClickedCategory.length>0)
(ClickedSource.length>0)| |(ClickedSubSource.length>0)| |(ClickedSubCategory.length>0)||
(单击子类别_Filter.length>0)| |(单击子源_Filter.length>0)){
风险价值限额=20;
var=0;
var操作=‘不活动’;
lazzy_荷载(限值);
如果(操作==“非活动”){
动作='活动';
过滤数据(限制、开始、检查步、点击状态、点击类型、点击类别、点击子类别、点击子类别过滤、,
单击源,单击子源,单击子源过滤器);
}
$(窗口)。滚动(函数(){
如果($(窗口).scrollTop()+$(窗口).height()>$(“#加载数据\u过滤器”).height()&&actions=='inactive'){
lazzy_荷载(限值);
动作='活动';
开始=开始+限制;
setTimeout(函数(){
过滤数据(限制、开始、检查步、单击状态、单击类型、C