编写脚本以向元素动态添加.current(类似活动类)的场景
What scenarios to write a script to dynamically add a .current (active-like class) to an element?
使用导航菜单"组件"-查看了一些示例,其中许多示例使用控制器/javascript动态添加.current(类活动)。例如:https://www.google.com/analytics/导航栏就是这么做的。我一直认为浏览器能为你做到这一点。我认为这可能是有限的元素,但MDN文档说没有。
:活动CSS伪类在用户激活元素时匹配。它允许页面给出浏览器已检测到激活的反馈它经常用于
<a>
和<button>
HTML元素,但可能不限于这些元素
伪类与类:另一个区别是它添加了一个伪类与一个标准类。但不确定上的限制在哪里,这取决于psuedo类。
现在,我依靠psuedo类和浏览器添加它来工作。即主导航a:active、a:focus等,但假设有什么东西需要我更改/返工。
快速的答案是,浏览器在单击时会自动使<a>
、<button>
、<select>
和<input>
元素处于活动状态,但导航选项卡和菜单等其他元素需要控制器或jQuery插件才能在单击时将这些元素设置为活动状态。导航选项卡、日期选择器、菜单等都需要控制器在选择时设置活动类。
相关文章:
- 使用Dnamics CRM 2011中的JavaScript读取子网格的所有记录,而不考虑活动页面
- 字符串在将其传递给另一个活动Android JavaScript时读取Null
- 活动选项卡's源代码-获取变量s值
- 在Angular 2中布线期间保持零部件处于活动状态
- 在ajax成功后,cluetip不适用于首次点击活动元素
- 如何使bxslider仅在移动视图中处于活动状态
- JQuery中的活动搜索栏
- 悬停下拉菜单即使在鼠标移出后也保持活动状态
- 将js添加到wordpress中以突出显示css活动菜单
- Google 脚本:用于创建日历活动的脚本运行时不会出错,但不会执行任何操作
- 手动创建旋转活动指示器
- 打开网页后立即获取网页的活动javascript函数
- 使用纯javascript而非jquery使所选选项卡处于活动状态并保持非活动状态
- 菜单栏class=活动引导程序主题无法正常工作
- 如何在完整日历中的当天点击时显示活动详细信息
- 从Bootstrap获取活动选项卡ID并将其传递给PHP
- 是否可以在调用时动态设置Jquery Accordion的活动面板
- 如何在不活动5分钟后更改页面位置
- 使用 AngularJS 设置活动选项卡样式
- 在添加了"current"类在菜单中的活动项目使用jQuery,如何css更改项目的容器