在表行悬停时显示相应的内容面板

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来获得想要的效果。