javascript - 每次与其他元素发生碰撞时调用函数

var bx1 = $(".bx1");
var bx2 = $(".bx2");

setInterval(function(){
    if (collision(bx1,bx2)==true) (bx1).css("background","red");
    else (bx1).css("background","blue");
},0);

bx1是固定的。通过滚动页面，bx1每次在bx2上移动时都应更改颜色。

JSFiddle

还尝试了这个：

var bx1 = $(".bx1");
var bx2 = $(document.querySelectorAll(".bx2"));

如何在特定类的每个元素上执行此功能？

最佳答案

因为您有3个具有相同类名的div，所以您需要为每个bx2类的碰撞做for循环

我已经更新了你的小提琴，请看看

 <http://jsfiddle.net/c7Lq1ns9/4/>

希望这能解决您的问题

如果可以帮助您，请将此标记为答案

谢谢