让我们将上图视为典型的 HTML 表格。 Intro.js 有助于根据数据步骤集中注意力。
my Table是根据foreach循环生成的。
我想知道是否可以专注于与图像类似的表格列,而不是专注于 <td>
或<tr>
任何帮助都会非常好。
最佳答案
有一个开放的功能请求: https://github.com/usablica/intro.js/issues/57所以我可以肯定地说你不能这样做。
您可以做的是创建一个带有 position:absolute
的虚拟透明 div,并通过 javascript 设置位置和大小,然后突出显示它。
在这里查看:https://jsfiddle.net/s848n5hs/2/
$('tr:first-child td').each(function(i) {
$('.col' + (i + 1) + '_intro')
.addClass('intro_div')
.css('top', $(this).offset().top)
.css('left', $(this).offset().left)
.css('width', $(this).outerWidth())
.css('height', $(this).closest('table').height())
})
introJs().start();
关于javascript - 与 intro.js 相关的问题重点关注 HTML 表格格式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37722039/