jquery - 悬停表格行时显示相应的内容面板

Question

悬停表格行时，我需要显示 2 组内容。悬停前的状态在两个目标区域1说明和 [2] 操作中显示通用信息。当用户悬停表格行时，解释和操作内容将替换为与悬停行相关的相关内容。通过说明，这就是我想要实现的目标：

感谢您的任何指示。

Answer 1

这可以使用工具提示的 qTip (2) Jquery 插件来实现：http: //craigsworks.com/projects/qtip2/

您可以激活多个工具提示，一个用于行，一个用于单元格。

// Create our first tooltip
$('.selector').qtip({
    content: 'I\'m just one of many tooltips that will render on this element...',
    position: {
        my: 'top left', at: 'bottom right'
    }
})

// Remove the previous tooltips data
.removeData('qtip')

// Create our second tooltip
.qtip({
    content: 'I\'m just one of many tooltips that will render on this element...',
    style: {
        classes: 'ui-tooltip-blue'
    }
});

资料来源：http: //craigsworks.com/projects/qtip2/tutorials/advanced/#multi

我上面给你的只是一个例子。您需要使用 qTip2 来获得想要的效果。