在鼠标悬停事件时在列表中的项目行下方显示选项栏

Question

我有一个项目列表。我想要一个选项栏显示在鼠标悬停事件项的行下。

要做到这一点，我可以:

1. 创建单个选项栏并移动该选项栏(将位置更改为触发鼠标悬停事件的项目行)

2. 我可以为每个项目行创建一个隐藏的选项栏，并使其在鼠标悬停时可见

我怀疑实现这一目标的最佳方法是什么!

---

Using Primefaces datatable &JSF 2.0

Answer 1

除非选项栏不会使您的DOM膨胀到太多(选项栏中的几个元素乘以很少出现)，否则我建议使用多个选项栏，因为这可能会使您的生活更轻松-我猜您的选项栏以某种方式连接到项目行，因此使用相应的id将是方便的。