.hover用於select2中的下拉元素（結果）

Question

是否有可能觸發事件或將類添加到select2的結果元素中？

我的意思是可以用containerCssClass dropdownCssClass添加類，這些類提供了將類添加到給定元素的能力。 但是我想至少在結果項中添加一個類。 為了澄清起見，這些是下拉元素中的元素。

最終用途是為突出顯示的元素添加一個.hover。 通過將鼠標懸停在該元素上，在用戶單擊將其選中之前，將在單獨的div中顯示有關突出顯示的元素的更多信息。 這是因為某些結果的基本數據相同，而詳細數據卻不同。 將其添加到結果中會使它的寬度過大並使它看起來混亂，因此最干凈的解決方案是單獨的div。

理想情況下，如果鼠標懸停在result元素上至少0.5秒，我希望更改div。 這是由於發生了ajax調用。

我正在使用select2 3.5.2。

編輯：對於賞金，我的意思是在引導程序內，而不是zf2。

Answer 1

在深入研究select2.js和許多准則之后，我來到了formatResult選項。 沒有一個明確的文檔（至少我找不到），但是它的基本作用是允許用戶存儲其他數據到結果中。 這些通常是“ li”中的純文本。 使用此功能可以修改其中的內容。

通過針對我的特定情況的解決方法，我插入了一個帶有自定義id和屬性的onmouseover和onmouseleave事件的跨度。

onmouseover觸發一個函數，該函數創建一個超時為1秒的函數。 1秒后，div將使用先前創建的跨度中的屬性進行更新。

onmouseleave將超時功能設置為null，這意味着包含額外數據的div將不會被更新。

希望這種解決方案將為人們節省大量時間。

此解決方案不需要在select2庫中進行修改。