jquery - JQuery - 触发悬停在单独的元素上
问题描述
一个简单的问题——当我从另一个元素触发一个元素时,如何让它看起来像是悬停的?
示例 jsfiddle:http: //jsfiddle.net/xpvt214o/391305/
身体:
<span class="itemA"></span>
<button>
TriggerAHover
</button>
JS:
$(document).ready(function(){
$('button').on("click", function(){
$('.itemA').trigger('mouseover');
})
});
CSS:
.itemA {
display:block;
background: blue;
width: 40px;
height: 40px;
}
.itemA:hover {
background: red;
}
这个小提琴创建了一个蓝色的背景跨度。悬停时,跨度变为红色。
我希望跨度也可以在单击按钮时变为悬停状态。我尝试过 .trigger('mouseover')、.trigger('mouseenter') 和 .trigger('hover'),但它们不会将 span 元素更改为悬停状态。
解决方案
mouseover 或 mouseenter 只会触发 .on("mouseenter") 或 .on("mouseover") 函数。CSS 悬停仅由指针激活
为什么不直接在单击时添加一个与 :hover 样式相同的类?
推荐阅读
- session - 会话到期日期固定为 1969
- angular - 角度5设置值嵌套表单组表单数组
- javascript - 在 Fabric.js 中获取单击对象上的当前光标位置
- c# - TLS 1.2 仍然无法与 Unity 2018.2.0b3 一起使用
- c++ - std::function、Clang 6.0 和 MSVC (10.0017134.12) - 可能的 ABI 错误或所需的编译器标志
- javascript - 动态创建时如何通过post将参数发送到php页面
- 标签被点击
- php - 如何列出所有的sql行?
- swift - 在 swift 4.1 中使用 CC_MD5
- c# - foreach 中的项目可以为空吗
- python - Python-忽略特殊字符并仅匹配文本