Javascript 你如何摆脱一个“随机的”；按「；类出现在<；部门>；点击

我目前有一个div，我正试图把它做成一个类似的按钮，当点击它时，它会切换到另一个图像，当再次点击时，它会再次切换回来

因此，我遇到了一个问题，每次单击div图像时，它都会添加一个名为“pressed”的类，而第二个图像只会一直保留，直到我将手指从左键单击中移开

我正在使用phonegap和Intel mobile framework来帮助处理html、css和javascript

是否有任何方法可以禁用此功能，使其在单击时弹出，或者是否有任何方法可以使两个图像在单击时交换，方法更简单

谢谢你的帮助。我在这方面有点生疏

HTML

JAVASCRIPT

jQuery('like_button').click(function(){
   jQuery(this).toggleClass('active');
});

---

您需要将CSS中的

.like_按钮：active

更改为

。like_按钮.active

---

而且

jQuery（'like_button'）

应该是jQuery代码中的

jQuery（'like_button'）

。

您需要更改

。like_button:active

为

。like_button.active

---

而且

jQuery（'like_button'）

应该是jQuery代码中的

jQuery（'like_button'）

。

您需要更改

。like_button:active

为

。like_button.active

---

而且

jQuery（'like_button'）

应该是jQuery代码中的

jQuery（'like_button'）

。

您需要更改

。like_button:active

为

。like_button.active

而且

jQuery（'like_button'）

应该是jQuery代码中的

jQuery（'like_button'）

。

就像lmgonzalves在评论中所说的，我认为问题与

：active

伪选择器有关，它主要用于在激活元素时改变元素的状态（被点击或以其他方式激活），因此当你抬起手指时，你会感受到瞬间的效果

相反，您应该删除伪选择器，并使用一个简单的类选择器，如

。like_按钮。在处理CSS状态更改时单击

您可以在此处看到演示：

希望这有帮助！
就像lmgonzalves在评论中说的那样，我认为问题与
：active
伪选择器有关，它主要用于在激活（被单击或以其他方式激活）时更改元素的状态，因此，当你抬起手指时，你会感受到瞬间的效果

相反，您应该删除伪选择器，并使用一个简单的类选择器，如
。like_按钮。在处理CSS状态更改时单击

您可以在此处看到演示：

希望这有帮助！
就像lmgonzalves在评论中说的那样，我认为问题与
：active
伪选择器有关，它主要用于在激活（被单击或以其他方式激活）时更改元素的状态，因此，当你抬起手指时，你会感受到瞬间的效果

相反，您应该删除伪选择器，并使用一个简单的类选择器，如
。like_按钮。在处理CSS状态更改时单击

您可以在此处看到演示：

希望这有帮助！
就像lmgonzalves在评论中说的那样，我认为问题与
：active
伪选择器有关，它主要用于在激活（被单击或以其他方式激活）时更改元素的状态，因此，当你抬起手指时，你会感受到瞬间的效果

相反，您应该删除伪选择器，并使用一个简单的类选择器，如
。like_按钮。在处理CSS状态更改时单击

您可以在此处看到演示：

希望这有帮助！
当我将其更改为“活动”时，第二个图像不再显示。当我将其更改为“活动”时，第二个图像不再显示。当我将其更改为“活动”时，第二个图像不再显示。当我将其更改为“活动”时，第二个图像不再显示。我进行了这两项更改，但现在第二个图像不再显示根本不显示。只有当我按下div时，“pressed”类才会显示，但当我放开时，“pressed”类就会消失。这可能是个问题吗？看，我在
div.LIKE_按钮
，和
color:red；
中的LIKE_按钮。激活
以显示差异。让我知道它是如何为您工作的；）可能是因为您谈论的类是“pressed”，但在您的代码中，该类被命名为“active”。它在JSFIDLE中工作，但在我的站点上不工作，即使我完全复制了它。这是我按下按钮时显示的代码。{LIKE}我做了这两个更改，但现在第二个图像根本不显示。只有当我按下div时，“pressed”类才会出现，但当我放开时，“pressed”类就会消失。这可能是个问题吗？看，我把单词“LIKE”放在
div.LIKE_按钮中，并且
颜色：红色在
中。像_按钮。激活
以显示差异。让我知道它是如何为您工作的；）可能是因为您谈论的类是“pressed”，但在您的代码中，该类被命名为“active”。它在JSFIDLE中工作，但在我的站点上不工作，即使我完全复制了它。这是我按下按钮时显示的代码。{LIKE}我做了这两个更改，但现在第二个图像根本不显示。只有当我按下div时，“pressed”类才会出现，但当我放开时，“pressed”类就会消失。这可能是个问题吗？看，我把单词“LIKE”放在
div.LIKE_按钮中，并且
颜色：红色在
中。像_按钮。激活
以显示差异。让我知道它是如何为您工作的；）可能是因为您谈论的类是“pressed”，但在您的代码中，该类被命名为“active”。它在JSFIDLE中工作，但在我的站点上不工作，即使在我执行cop时也是如此
    .like_button {
    background-color: transparent;
    border-color: transparent;
    border:0px;
    background-image: url(../img/like_button.png);
    background-size: 52px 52px;
    height: 52px;
    width: 52px;
}

    .like_button:active {
    background-image: url(../img/liked_button.png);
    background-size: 52px 52px;
    height: 52px;
    width: 52px;
}

jQuery('like_button').click(function(){
   jQuery(this).toggleClass('active');
});