javascript - jQuery:点击div上的指示器

Question

很明显我是网络开发的新手。无论如何，我正在尝试在 div 上创建一个点击事件并更改其背景颜色。但我希望背景在点击后变回原来的颜色。这是我所拥有的:

jQuery:

$('.details1').click(function() {
    $(this).toggleClass('on').delay(200).toggleClass('on');
});

CSS:

div.on {
    background: #F78181;
}

我并不完全想要毫秒延迟，那只是为了调试。只想在单击上下时更改背景。谢谢。

Answer 1

你必须使用 setTimeout() 函数来解决你的问题而不是 delay()

$('.details1').click(function(){
        setTimeout(function(){ $('#clrd').toggleClass('on'); }, 200);
    });

您可以根据需要更改时间(毫秒)。在这种情况下是 200ms

检查这个 Fiddle