Jquery .removeClass()不适用于筛选搜索和分页单击
我正在创建一个手风琴,它有过滤搜索和字母分页 手风琴由折叠的卡片组成。当用户在搜索框中键入时,我希望卡片打开Jquery .removeClass()不适用于筛选搜索和分页单击,jquery,html,bootstrap-4,Jquery,Html,Bootstrap 4,我正在创建一个手风琴,它有过滤搜索和字母分页 手风琴由折叠的卡片组成。当用户在搜索框中键入时,我希望卡片打开.removeClass('collapsed'),并且当用户从分页中选择一个字母时,我希望有相同的行为 由于某种原因,.removeClass()在这种情况下不起作用 有没有其他方法可以使用?我做错什么了吗 这里有人能告诉我,当用户在搜索框中键入或在页码中点击字母时,我如何才能使卡片展开 $(文档).ready(函数(){ $(“#alpf.acco”)。每个(函数(){ $(此)。在
.removeClass('collapsed')
,并且当用户从分页中选择一个字母时,我希望有相同的行为
由于某种原因,.removeClass()
在这种情况下不起作用
有没有其他方法可以使用?我做错什么了吗
这里有人能告诉我,当用户在搜索框中键入或在页码中点击字母时,我如何才能使卡片
展开
$(文档).ready(函数(){
$(“#alpf.acco”)。每个(函数(){
$(此)。在(“单击”,函数()上){
var cat=$(this).data('cat-type');
var nam=$(this).data('cat-name');
如果(cat!=0){
$('#Categories>.acc row').hide();
$(“#Categories>.acc行[data cat type=“”+cat+”]”][data cat name=“”+nam+”]”)。show();
}
});
});
$(“#搜索”)。关于(“键控”,函数(e){
$('button').removeClass('collapsed');
var value=$(this.val().toLowerCase();
$('.acc行').filter(函数(){
$(this).toggle($(this).text().toLowerCase().indexOf(value)>-1)
});
});
});代码>
搜索:
第一部门
阿斯顿
跟踪器
aston@some.com
电话:1234567890
阿琳
专家
arleen@firm.is
电话:1239484999
约翰
登记册
jj@arn.com
1234565469
凯尔
司机
kdrive@company.com
1234567890
第二部门
艾伦
专家
allan@lsome.com
电话:1234567890
IT人员
brad@some.com
1234567890
布伦特
专家
brent@some.com
123456789
埃文
厨师
evan@some.com
123456789
您需要删除折叠未折叠。试试这个
您在单击元素时是否尝试了.collapse(“toggle”)
触发器?谢谢,我没有想到。我试过了,效果很好:)removeClass工作了,在inspector中很容易判断该类被移除了是的,它被移除了,但什么也没有发生,卡仍然折叠
$(document).ready(function() { $("#alphf .acco").each(function() {
$(this).on("click", function() {
var cat = $(this).data('cat-type');
var nam = $(this).data('cat-name');
if (cat != 0) {
$('#Categories > .acc-row').hide();
$('#Categories > .acc-row[data-cat-type="' + cat + '"][data-cat-name="' + nam + '"]').show();
}
}); });
$("#search").on("keyup", function(e) {
$('#collapseOne, #collapseTwo').removeClass('collapse');
var value = $(this).val().toLowerCase();
$('.acc-row').filter(function() {
$(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
});
});
});