为什么我的toggleclass在firefox响应式设计模式下工作？

Question

我试图制作一个简单的动画按钮。我的代码在普通的firefox窗口中工作，但是当我尝试在firefox中使用自适应设计模式时，toggleclass不会触发，并且总是会恢复。

这是我的代码（https://jsfiddle.net/x6bxjwqL/）：

$(".heart").on('click touchstart', function(){
$(this).toggleClass('liked animated bounceIn');
});

它应该像这样工作

不幸的是

我的代码有什么问题？

Answer 1

当你激活firefox响应模式时，你有一个模拟点击事件的按钮。如果您取消激活此功能，那么您就是好的。我的猜测是事件被触发两次，一次用于点击模拟，另一次用于点击事件。