1

我的代码：

<p:splitButton value="View">
    <p:menuitem value="Edit" icon="ui-icon-edit" />
    <p:menuitem value="Delete" icon="ui-icon-delete"/>
</p:splitButton>

该代码正在呈现附加到正文的菜单，例如：

<body>
    <form>
        <table>
            <tr>
                <button id="splitbutton".../>
            </tr>
        </table>
    </form>
    <div id="menu-for-splitbutton">
        <a id="menu1"... >Edit</a>
        <a id="menu2"... >Delete</a>
    </div>
</body>

我需要相对于拆分按钮或相邻的菜单，例如：

<body>
    <form>
        <table>
            <tr>
                <button id="splitbutton".../>
                <div id="menu-for-splitbutton">
                    <a id="menu1"... >Edit</a>
                    <a id="menu2"... >Delete</a>
                </div>
            </tr>
        </table>
    </form>
</body>

我正在使用 :hover (CSS) 在光标悬停在一行上时显示拆分按钮，但在取消选择任何行时不会隐藏上下文菜单，因为菜单不在 TR 标签内...我如何解决这个？

4

0 回答 0