php - 我怎样才能加快 Bootstrap 工具提示

Question

我有一个每 60 秒连续动态重新加载的表。这使数据保持最新。 我正在使用这里的脚本 - http://www.michaelfretz.com/2010/04/21/using-ajax-to-load-data-from-php-into-your-website/

在大约有 15 条记录的页面上，Twitter Bootstrap 工具提示工作正常，速度很快，而且看起来很棒。

但是在另一页上我有超过 400 条记录。每条记录都有一个悬停工具提示，显示数据库中有关该记录的信息。信息已经输出到 title 标签，但是当悬停时，它需要超过一秒才会出现，这使得整个页面看起来很迟钝。

我认为这是由于使用了“Rel”标签和实时(持续更新)的 twitter javascript，因此减慢了速度。但我不确定。

有什么方法可以解决这个问题......还是我最好尝试制作一个分页表，每次我单击“下一步”时它都会加载下一页？

Answer 1

400 条记录对于期望某人在 60 秒内遍历的记录来说是很多的。没有真正看到任何实际的 html，提出建议有点困难，但这里有三个:

• 改用 title 属性 - 参见 about the Title attribute .这意味着您使用的是内置浏览器代码，而不是工具提示的 Bootstrap 渲染。
• 为每一行显示一个主题/内容片段，而不仅仅是主题，即将内容的初始部分放在实际主题之后的可用空间中。如今，大多数人都拥有大型显示器，通过响应式设计，您可以在主题之后显示大量内容。
• 如您所说，使用分页。 Bootstrap 提供了一个，但它需要您进行布线。