代码之家  ›  专栏  ›  技术社区  ›  ploopploop Smiranin

.在select2中悬停以查找下拉元素(结果)

  •  2
  • ploopploop Smiranin  · 技术社区  · 7 年前

    是否可以从select2触发事件或向结果元素添加类?

    我的意思是有可能添加带有 containerCssClass dropdownCssClass 它们提供了向给定元素添加类的能力。但我想在结果项中至少添加一个类。为了澄清,这些是下拉元素中的元素。

    最后一个用法是有一个。将光标悬停在高亮显示的元素上。通过将鼠标悬停在它上面,在用户单击它以选择它之前,将在一个单独的div中显示关于高亮显示元素的更多信息。这是因为一些结果具有相同的基本数据,而详细数据不同。将其添加到结果中会使其宽度过大,并且看起来很混乱,因此最干净的解决方案将是一个单独的div。

    理想情况下,如果鼠标悬停在结果元素上至少一段时间,我希望更改div。5秒。这是由于发生了ajax调用。

    我使用的是select2 3.5.2。

    编辑: 对于悬赏,我指的是bootstrap,而不是zf2。

    1 回复  |  直到 7 年前
        1
  •  0
  •   ploopploop Smiranin    7 年前

    在select2中进行了大量挖掘之后。js和许多准则,我选择了这个选项 格式化结果 . 这方面没有明确的文档(至少我找不到),但它基本上允许用户在结果中存储额外的数据。这些通常是“li”中的纯文本。使用此功能可以修改其中的内容。

    为了解决我的具体案例,我插入了一个跨度,其中包含一个onmouseover和onmouseleve事件,以及一个自定义id和属性。

    onmouseover触发一个函数,该函数创建一个超时为1秒的函数。1秒后,div将使用先前创建的范围中的属性进行更新。

    onmouseleave将超时函数设置为null,这意味着包含额外数据的div根本不会得到更新。

    此解决方案不需要在select2库中进行修改。