当前位置: 代码迷 >> JavaScript >> 在自定义父级上附加Tether元素
  详细解决方案

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

热度:14   发布时间:2023-06-06 09:43:38.0

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

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

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

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

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

tether-element被添加到元素中

系绳目标被添加到目标

如果未禁用系绳,则会将tether-enabled添加到两个元素中

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

系绳目标附加 - [左,右,顶部,底部,中间,中心]根据目标的附件添加到两个元素。 所有特征都与元素附加相同。

与约束相关的类

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

当约束将元素固定到容器的[侧]时, 系绳 固定系绳 固定 - [侧]被添加到元素和目标。

  相关解决方案