Jquery css悬停状态在单击后变为非活动状态

在此情况下，单击其中一个框后，悬停状态变为非活动状态，不再显示

我有三个使用css背景图像设置背景的框。我正在使用jQuery附加一个单击事件。你能帮我确定为什么悬停状态停止工作吗

---

谢谢。

因为li的内联样式会覆盖您的css:hover选择器属性。 使用重要的是要让它工作：

li#one:hover{
    background-image: url(http://i1287.photobucket.com/albums/a628/botpro7/1_hover_zps6b4b99c1.png)!important;
}

---

因为li的内联样式会覆盖css:hover选择器属性。 使用重要的是要让它工作：

li#one:hover{
    background-image: url(http://i1287.photobucket.com/albums/a628/botpro7/1_hover_zps6b4b99c1.png)!important;
}

---

当jQuery更改背景图像时，它会以内联方式进行更改，就像它修改实际的HTML一样。这意味着新的背景图像多于“一：悬停”中设置的背景图像，因此无法覆盖它

你需要添加！重要信息：每次打开新背景图像后：悬停以确保其具有覆盖它的特定性

---

当jQuery更改背景图像时，它会以内联方式进行更改，就像它修改实际的HTML一样。这意味着新的背景图像多于“一：悬停”中设置的背景图像，因此无法覆盖它

你需要添加！重要信息：每次打开新背景图像后：悬停以确保其具有覆盖它的特定性

---

您遇到的问题是，因为您使用jquery设置后台内联css属性，我制作了一个演示，解决了您的问题

我删除了插入背景的部分代码，只是在代码中添加了一个.active类，因此当用户单击元素时，我在元素上设置了该类。

---

我希望你喜欢

您遇到的问题是因为您使用jquery设置了与css属性内联的后台，我制作了一个演示，解决了您的问题

我删除了插入背景的部分代码，只是在代码中添加了一个.active类，因此当用户单击元素时，我在元素上设置了该类。

---

---

我希望你喜欢

为什么我的悬停状态在单击其中一个图像后处于非活动状态>>为什么同一个元素有两个单击事件悬停时不会发生任何翻转。你是什么意思？@bipen我不知道如何合并这两个单击事件为什么我单击其中一个图像后的悬停状态处于非活动状态>>为什么对同一元素有两个单击事件悬停时不会发生任何事件以使其翻转。你是什么意思？@bipen我不知道如何合并这两个点击事件，这就是为什么不直接设置CSS值通常更明智，而是使用类或类似的。还有助于分离逻辑和格式。每个图像中有3个条件。空闲、悬停并单击。当我们加上！对css很重要的是，单击的状态只显示在mouseout上。我希望它显示后，我们点击图像的权利。还有别的办法解决这个问题吗？谢谢你way@user2432458然后，我建议不要每次都更改元素的图像，只需添加并删除具有背景图像的类，例如.clicked:url，这就是为什么不直接设置CSS值通常更明智，而是使用类或类似的类。还有助于分离逻辑和格式。每个图像中有3个条件。空闲、悬停并单击。当我们加上！对css很重要的是，单击的状态只显示在mouseout上。我希望它显示后，我们点击图像的权利。还有别的办法解决这个问题吗？谢谢你way@user2432458然后，我建议不要每次都更改元素的图像，只需添加并删除具有背景图像的类，例如.clicked:url@Wallysson Nunes。谢谢你的回答。如何显示单击的状态图像？我们单击后，数字应该在底部。这没问题，我已经更改了代码，下面是一个新的示例：我所做的基本工作是将.active类与所需的图像拆分到新类上，该图像是底部数字。希望能帮上忙…：@沃利森·努内斯。谢谢修女们！多么伟大而简单的剧本啊。@Wallysson Nunes。谢谢你的回答。如何显示单击的状态图像？我们单击后，数字应该在底部。这没问题，我已经更改了代码，下面是一个新的示例：我所做的基本工作是将.active类与所需的图像拆分到新类上，该图像是底部数字。希望能帮上忙…：@沃利森·努内斯。谢谢修女们！多么好的一个简单的剧本啊。它不起作用。单击状态仅在鼠标输出时显示。它应该在我们点击图像后显示。有什么想法吗？谢谢。这是因为你在悬停和活动状态下使用图像、文本和更改属性，如颜色和边距。这样比较好，没用。单击状态仅在鼠标输出时显示。它应该在我们点击图像后显示。有什么想法吗？谢谢。这是因为你在悬停和活动状态下使用图像、文本和更改属性，如颜色和边距。这样会更好 方法