在悬停或单击时显示存储在表格 td 中的信息

Question

在悬停或单击(移动设备(时显示存储在每个表格单元格数据ID中的信息的最简单方法是什么？我不确定它在移动设备上的工作方式。

http://jsfiddle.net/p134uhev/

$('.shippingrates td').hover(function() {
$(this).attr('data-id');
});

Answer 1

实现hover对话框的一种简单方法是使用引导popover库。

https://getbootstrap.com/docs/4.0/components/popovers/

.JS

$(function () {
$('[data-toggle="popover"]').popover()
});

.HTML

<button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="bottom" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">Popover on bottom</button>