位置越大，线性背景色越强

Question

有人可以指导我如何将背景从黄色更改为红色吗？ 我这样做的目的是，只有当位置为700+时，背景颜色才会是红色。

。危险是.danger {background-color: #d82505;}

            $.each(allSpans, function (i, e) {
            if ($(e).position().left > 850) {
                clearAllIntervals();
            } else if ($(e).position().left > 700 && $(e).position().left < 710) {
                $(e).addClass('danger')
            }
        })

Answer 1

您可以只使用$(e).css("backgroun-color","yellow");。但是您必须确保CSS类不会覆盖您的样式。因此，最好在不使用类的情况下为所有此类情况分配这样的颜色。

或者，如果您确实想使用类，请使用$(el).removeClass('classForRedBG').addClass('classForYellowBg');。但是，请想象对多个类进行此操作，这是很多手动工作。作为编码器，您必须以一种聪明的方式做到这一点。