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

Question

有没有办法设置我的目标元素将附加 Tether 的自定义父元素？

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

Answer 1

有几件事要尝试...

首先，确保您使用的是 Tether 附带的 CSS。只需将 CSS 添加到我的项目中，就解决了由元素放置在结束 body 标记正上方所造成的溢出问题。

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

类

tether-element 添加到元素

tether-target 添加到目标

tether-enabled 在未禁用 tether 时添加到两个元素

如果元素分离(例如，如果它被固定)，该类被删除。该类反射(reflect)了元素的实际附加方式，因此如果约束更改了附件，该更改将反射(reflect)在该类中。

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

约束相关类

tether-out-of-bounds, tether-out-of-bounds-[side] 在放置元素时同时添加到元素和目标超出其约束范围。

tether-pinned, tether-pinned-[side] 当约束将元素固定到元素的 [side] 时添加到元素和目标容器。