在自定义父级上附加Tether元素

时间:2015-08-07 09:33:54

标签: javascript tether

有没有办法如何设置我的目标元素将使用Tether追加的自定义父元素?

默认情况下,所有tether-elements都附加到body。我将我的下拉元素附加到模态内的输入,由于z-index问题,我需要将此下拉列表附加到模态上,而不是body上。 Tether有选择吗?

1 个答案:

答案 0 :(得分:0)

有几件事要尝试......

首先,确保您使用Tether附带的CSS。只需将CSS添加到我的项目中就可以解决由于元素放置在关闭体标记正上方而产生的溢出问题

此外,当Tether工作时,它会向元素添加类,您可以使用它们来设置样式。来自他们的文档:

tether-element 已添加到元素

tether-target 已添加到目标

当未禁用系绳时,

启用系绳会添加到两个元素

tether-element-attached- [left,right,top,bottom,middle,center] 基于元素附件添加到两个元素中,如果元素分离(例如,如果它已固定),该类被删除。该类反映了元素实际附加的方式,因此如果约束更改了附件,则该更改将反映在类中。

tether-target-attached- [left,right,top,bottom,middle,center] 会根据目标附件添加到这两个元素中。所有特征都与元素附加特征相同。

与约束相关的类

当放置元素时,

系绳越界系绳越界 - [侧] 被添加到元素和目标在其约束之外。

系绳固定系绳固定 - [侧] 在约束已将元素固定到[侧]时添加到元素和目标容器