Javascript 同位素.js过滤器在IE中损坏
我注意到,IE中的同位素.js有一个问题,每当我尝试过滤我的应用程序时,结果看起来不合适(在我的例子中,它不在表中)。我想知道这个问题是否有解决方案?这是我的代码和示例代码Javascript 同位素.js过滤器在IE中损坏,javascript,jquery,jquery-isotope,Javascript,Jquery,Jquery Isotope,我注意到,IE中的同位素.js有一个问题,每当我尝试过滤我的应用程序时,结果看起来不合适(在我的例子中,它不在表中)。我想知道这个问题是否有解决方案?这是我的代码和示例代码 var data = [{ "RM_Name": "Russ Martin", "Division": "East", "RM_Phone": "(603) 491-1259", "RC_Name": "Jacob Sucoff", "RC_Phone": "(800) 247-415
var data = [{
"RM_Name": "Russ Martin",
"Division": "East",
"RM_Phone": "(603) 491-1259",
"RC_Name": "Jacob Sucoff",
"RC_Phone": "(800) 247-4154 x3403",
"States_Covered": "MT,VT, NH, ME (all firms)",
"Latitude": 46.6797995,
"Longitude": -110.044783,
"Coordinates": "46.6797995,-110.044783"
}, {
"RM_Name": "Carey Fortnam",
"Division": "East",
"RM_Phone": "(585)-259-7394",
"RC_Name": "Matt Wrzesniewsky",
"RC_Phone": "(800) 247-4154 x3088",
"States_Covered": "NY- Upstate ex Rockland County (BD, FP)",
"Latitude": 40.7056308,
"Longitude": -73.9780035,
"Coordinates": "40.7056308,-73.9780035"
}];
$.each(data, function(i, item) {
var rm_name = item.RM_Name,division = item.Division,rm_phone = item.RM_Phone,rc_name = item.RC_Name,rc_phone = item.RC_Phone,states = item.States_Covered;
var dataset='<tr class="'+rm_name+' '+rc_name+'"><td>'+rm_name+'</td><td>'+division+'</td><td>'+rm_phone+'</td><td>'+rc_name+'</td><td>'+rc_phone+'</td><td>'+states+'</td></tr>';
$('.rm-data').append(dataset);
});
// init Isotope
var $container = $('.rm-data');
$('#search').on('keypress',function(e){
if(e.which == 13){
var query = $('#search').val();
query = "tr:contains("+query+")";
$container.isotope({ filter: query });
console.log(query);
}
});
var数据=[{
“RM_名称”:“Russ Martin”,
“分部”:“东部”,
“RM_电话”:(603)491-1259,
“RC_名称”:“Jacob Sucoff”,
“RC_电话”:(800)247-4154 x3403,
“涵盖的州”:“MT、VT、NH、ME(所有公司)”,
“纬度”:46.6797995,
“经度”:-110.044783,
“坐标”:“46.6797995,-110.044783”
}, {
“RM_名称”:“Carey Fortnam”,
“分部”:“东部”,
“RM_电话”:(585)-259-7394,
“RC_名称”:“Matt Wrzesniewsky”,
“RC_电话”:(800)247-4154 x3088,
“涵盖的州”:“纽约州-前罗克兰县(BD,FP)北部”,
“纬度”:40.7056308,
“经度”:-73.9780035,
“坐标”:“40.7056308,-73.9780035”
}];
$。每个(数据、功能(i、项){
变量rm_name=item.rm_name,division=item.division,rm_phone=item.rm_phone,rc_name=item.rc_name,rc_phone=item.rc_phone,states=item.states_覆盖;
var数据集=“”+rm_名称+“”+division+“”+rm_电话+“”+rc_名称+“”+rc_电话+“”+states+“”;
$('.rm data').append(数据集);
});
//初始同位素
var$container=$('.rm data');
$(“#搜索”)。在('keypress',函数(e)上{
如果(e.which==13){
var query=$('#search').val();
query=“tr:contains(“+query+”);
$container.同位素({filter:query});
console.log(查询);
}
});
欢迎任何建议。谢谢。我完全放弃了同位素.js的想法,而是创建了自己的过滤功能。在这里 我已将此替换为:
// init Isotope
var $container = $('.rm-data');
$('#search').on('keypress',function(e){
if(e.which == 13){
var query = $('#search').val();
query = "tr:contains("+query+")";
$container.isotope({ filter: query });
console.log(query);
}
});
为此:
$('#search').on('keypress',function(e){
if(e.which=='13'){
$('.rm-data tr').css('display','none');
$('.error-msg').css('display','none');
var query = $('#search').val();
if($('.rm-data tr').hasClass(query)){
$('.rm-data tr:contains('+query+')').fadeIn('slow',function(){
$('.rm-data tr:contains('+query+')').css('display','block').slideDown();
});
}
}
});