javascript - 使用变量禁用悬停功能

标签 javascript jquery html css hover

http://jsfiddle.net/2CkKW/5/

我正在尝试有一个评论按钮,您将在其中按下第一个按钮,然后它将更改为鼠标悬停颜色并显示“添加评论”按钮。然后,当用户再次单击评论按钮时,它将返回到“取消悬停”状态并隐藏“添加评论”按钮。

感谢您的帮助,希望不要措辞不当。

最佳答案

我已经稍微缩短了您的代码 :) 减少到 4 行:

$("#commentsempty").click(function() {
    $("#addcomment").toggle(500);
    $(this).toggleClass('over');
});

http://jsfiddle.net/2CkKW/10/

我的建议:尽可能使用 CSS,并且可以用 CSS 完成。

关于javascript - 使用变量禁用悬停功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9023432/

相关文章:

jquery - 如何使用 Bootstrap 4.3 在 Popover 中包含表单?

javascript - 如何将数字四舍五入为完整分钟?

javascript - 如何在表单中定位多个日期选择器?

javascript - 更改 ul li 父颜色

javascript - 如何从按钮属性中获取数据?

css - 媒体查询样式覆盖父级而不检测

html - CSS 边框不适合元素

javascript - NodeJS - 从 Google Drive 下载

javascript - React-router:将 Prop 传递给 child

javascript - 当页面滚动时隐藏元素,但当页面变为静态时元素再次出现