javascript - 通过 2 个变量的可见性 div,不同的开/关

标签 javascript html angularjs

我可能还没有完全清醒,所以监督显而易见的事情是可能的。 但我有 2 个变量来决定 div 是否具有特定的类。

该类更像是一个切换开关;因此,应该发生以下情况来触发该值:

focus            => on
!focus && !hover => off

因此,当焦点变量打开时,应该添加该类,而当焦点丢失且悬停关闭时,应该将其删除。

我最好在以下位置内联执行:

<div ng-class="{'visible' : --FORMULA-- }"> </div>

在这里,您应该只在单击输入框后看到“WOhooooo”,然后只有当您离开灰色框时它才会消失: http://codepen.io/cskiwi/pen/MKYNqo

最佳答案

您似乎已经知道语法,但不知道您尝试了什么。这应该有效...

<div ng-class="{'visible' : 'focus', 'notvisible' : '!focus && !hover' }"> </div>

关于javascript - 通过 2 个变量的可见性 div,不同的开/关,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34172794/

相关文章:

javascript - 将文本添加到另一个字段后,如何使字段增量 0.5

Javascript - 替换字符串中的单词,除非该单词包含在引号中

html - 降低使用 recorderjs 创建的 WAV 文件的比特率

javascript - 如何在 JavaScript 中创建 div?

javascript - 计算 Angular js中表单中必填字段的数量?

javascript - 使用 AngularJS/Ionic 框架的动态 CSS

javascript - 神秘的404错误

javascript - 如何在 React-router 包装器中处理异步请求

jquery - 带有 jquery 效果问题的固定定位左侧菜单?

angularjs - 带有 ui-router 的嵌套 Angular 状态中的不同布局?