Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.
SOLVED

Capture jQuery event projects console card view multiple selections

Avatar

Level 2

Hi All,

Steps to reproduce it

1. navigate to projects console.

2. select card view

3. Create two translation projects.

4. select any project ( you will notice the check mark icon and info icon will appear on upper center side of view card view) click on select.

5. Now, you selected very first project in projects console.

6. Now mouse hover on another project, you will notice the check mark is appearing at the center of the project card i.e., basically an image (which is added by css). Click on it.

7. Another project will also get selected. This another project selected right ... while selection or click on check mark, I'm trying to fire some logic.

8. But, I'm not able to capture the another project click on check mark event in jQuery. Please let me know how to capture that event.

9. Where as very first project selection mentioned at step 4&5, is working. I can capture click event.

JS code for step 4&5 step

$(document).on("click",".foundation-collection-item", function(e){

//some logic;

});

Screenshot 2019-08-28 at 7.09.49 PM.png

Work-around:

At step 6, ::after pseudo element is getting added to our CORAL-MASONRY DOM element.

I hope, I tried my best to explain the scenario. Please let me if steps are not clear yet.

Thanks in advance for going through & helping me to resolve it.

Thanks,

Mohammed Sirajuddin

1 Accepted Solution

Avatar

Correct answer by
Level 2

Thank you Mahendra. Yes, this is the event getting fired.

View solution in original post

2 Replies

Avatar

Employee

You can try the foundation-selections-change event. That will get fired whenever you select/deselect an item.

Avatar

Correct answer by
Level 2

Thank you Mahendra. Yes, this is the event getting fired.