AEM6.5 sites facets tags hiding with js

Avatar

Avatar

sganjewx

Avatar

sganjewx

sganjewx

11-01-2021

Hi Team,

          when i open the tags some tags are getting showed up out of which i'am able to hide the tags with help of js

 

 

$('.foundation-collection-item').each(function(){
var programTags = ["Technology","Translation Status","Resource Type","Information Classification", "Facebook"];


var iterator = programTags.values();
for(let program of iterator) {
// console.log(program);
if($(this).attr('data-foundation-picker-collection-item-text') == program){
$(this).hide();
}
}
});

 

image.png

but when i scroll down the component additional tags are loading which is not getting considered for hidingimage.png

can you please provide  help with it.  

@Theo_Pendle @kautuk_sahni  @Arun_Patidar  @BrianKasingli  @Vijayalakshmi_S  @vanegi 

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar

Anudeep_Garnepudi

Avatar

Anudeep_Garnepudi

Anudeep_Garnepudi

11-01-2021

@sganjewx 

Tag list will be loaded on demand(when you scroll through all the initially loaded tags, then the few more tags will be loaded dynamically). Try to execute the hide functionality in scroll as well and see. Hope this works.

-AG 

Answers (0)