我已经用bootstrap 3制作了一个平台来创造技巧。 kreativtechniken.com - 今天它只是用德语,但我们肯定会扩展。但首先我们必须修复一些错误。
要获取详细信息,用户可以单击该技术的标题并查看叠加层中的所有详细信息。
这个叠加层是一个简单的脚本,我们让它生成如下:
$('#tableToFilter tr').click(function() {
console.log($(this).children('td'));
$("#overlay p").html($(this).find('td.hidden-description').html());
});
在html标记中我们有这样的东西:
<td><a href="#overlay" class="name">Brainstorming</a></td>
<td class="hidden hidden-description">
<p>
<h1>Brainstorming</h1>
...
如您所见,它正在发挥作用。
现在的问题是,如果你点击一项技术,然后向下滚动,然后关闭叠加层并打开另一种技术,你将看不到文本的开头!它会像以前一样跳过同一行,但会使用新文本。
这非常不酷,用户应该通过点击技术始终看到文本的开头。
我们能做什么?
谢谢!
答案 0 :(得分:0)
我发现的主要内容是您的选择器为$("#overlay p").html(
,但p
不是叠加的子项,因此您需要使用其他选择器。有关p
具有ID的示例,请参阅 this fiddle 。
如果这不是问题,那么也许你可以编辑小提琴以显示正在发生的事情。