因此我们在项目中使用CSS工具提示,基本上需要添加类" tooltip-extended"并将属性aria-label
添加到包含工具提示文本的HTML标记中。这些纯粹是CSS工具提示,随处可见。所以在link-to
助手上这很容易。但是,我遇到了表单元素的问题。主要是因为Ember似乎在某些情况下会生成实际的表单元素display: none
,例如复选框,并添加了一个子元素A
标记,这是可见的。
这是表单的代码,非常标准:
{{input
type="checkbox"
class="tv-checkbox"
checked=defaultSetup
data-label="Default Settings"
name=defaults
change=(action "toggleDefaults" value="target.checked")}}
{{#radio-button
class="tooltip-enhanced"
value="simple"
name="complexity"
groupValue=passphraseComplexity
changed="complexityChanged"}}
Simple
{{/radio-button}}
如果我将tooltip-extended
添加到课程中,它或者根本不添加,或者将其添加到display: none
的实际表单元素中。即使扩展允许的属性也不会将这些属性放在创建的子元素上。
工具提示最好直接显示在鼠标所在的元素上。如果类和属性放在父DIV
元素上,那么这不是随后发生的行为,因为它以元素为中心。
有可能做我想做的事吗?