引导上下文菜单中的ZeroClipboard - 没有悬停效果

时间:2014-03-17 10:40:55

标签: javascript jquery twitter-bootstrap contextmenu zeroclipboard

我试图在我的桌子上添加上下文菜单 我添加了菜单,我的所有操作都正常,但是我在菜单上悬停有问题 我知道ZeroClipboard在按钮(链接)的顶部添加了不可见的swf,因此该元素不会产生hover效果。

嗨是我的代码:http://jsfiddle.net/Misiu/jSTCV/14/

当您右键单击表格行并将鼠标悬停在第一个项目上时您会看到漂亮的悬停效果,但在我添加context-hover课程之前,第二个项目不具备此效果。

ZeroClipboard.config({
    moviePath: '//cdnjs.cloudflare.com/ajax/libs/zeroclipboard/1.3.2/ZeroClipboard.swf',
    forceHandCursor: true,
    debug: true,
    hoverClass: "context-hover" /*thanks @adeneo*/
});

和CSS:

.context-hover {
text-decoration: none;
color: #262626;
background-color: #f5f5f5;
}

如何在没有特殊课程的情况下,在我的上下文菜单(带有ZeroClipboard的项目)中为第二项添加悬停效果 - 使用:hover

如果我更新bootstrap,我必须更新我的自定义CSS,我想避免记住它。

0 个答案:

没有答案