Particles dont interact while hovering or clicking

[Surobhan]

Hello community, can anyone help with my problem? The particles don't interact while hovering or clicking.

I downloaded the Json directly from https://vincentgarreau.com/particles.js/

On that website the particles do interact. But on my website they don't.
The code for interactivity is placed on my website as following:

"interactivity": {
"detect_on": "canvas",
"events": {
"onhover": {
"enable": true,
"mode": "repulse"
},
"onclick": {
"enable": true,
"mode": "repulse"
},
"resize": true
},
"modes": {
"grab": {
"distance": 400,
"line_linked": {
"opacity": 1
}
},
"bubble": {
"distance": 400,
"size": 40,
"duration": 2,
"opacity": 8,
"speed": 3
},
"repulse": {
"distance": 200,
"duration": 0.4
},
"push": {
"particles_nb": 4
},
"remove": {
"particles_nb": 2
}
}
},

[EricKelerman]

set the detect_on to "window"