让生成的叠加层中的不同文本始终从头开始

时间:2014-01-26 08:24:09

标签: javascript jquery html overlay

我已经用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>
...

如您所见,它正在发挥作用。

现在的问题是,如果你点击一项技术,然后向下滚动,然后关闭叠加层并打开另一种技术,你将看不到文本的开头!它会像以前一样跳过同一行,但会使用新文本。

这非常不酷,用户应该通过点击技术始终看到文本的开头。

我们能做什么?

谢谢!

1 个答案:

答案 0 :(得分:0)

我发现的主要内容是您的选择器为$("#overlay p").html(,但p不是叠加的子项,因此您需要使用其他选择器。有关p具有ID的示例,请参阅 this fiddle

如果这不是问题,那么也许你可以编辑小提琴以显示正在发生的事情。