-1

好的，所以我有这个来自 HTML Kickstart 的幻灯片。（参见http://www.99lime.com/elements/）它通过添加/删除“当前”类来遍历图像列表。

我正在尝试制作页面，以便每当图像更改时，页面上的评论和标签也会更改，而无需刷新页面。

我不确定如何在我的 app.py 中使用 GET/POST 方法来解决这个问题。或者是javascript/jQuery。谢谢。

小样

4

1 回答 1

3

让我们假设用户 A 和用户 B 同时进入页面，看到其他人在他们之前写的 2 条评论，并且用户 1 和用户 2 都写了评论，并且他们都没有刷新页面而是一直盯着幻灯片。数据库中将有 4 条评论，但如果不使用 AJAX 加载新评论和标签，A 和 B 将看到 3 条评论，即之前的 2 条评论和他们自己的新评论。

  • 如果这是可以接受的，则不需要使用 AJAX。

  • 如果这不可接受，则需要使用 AJAX。

如果您决定不使用 AJAX，只需预先加载评论和其他内容即可根据您所在的幻灯片显示和隐藏它们。如果您更改包含注释的元素的类，并在显示第一张幻灯片时将其设为“onslide1”，在显示第二张幻灯片时将其设为“onslide2”，依此类推，您可以使用 CSS 规则来显示您想要的内容如下：

div.comments { display: none}
.slide1 div.comments {display: block}
.slide2 div.comments {display: block}
/*etc ...*/

更简单的解决方案？如果您可以将此信息合并到幻灯片中，事情可能会更容易。这意味着您可以使用一些简单的 HTML 代替纯图像，该 HTML 同时显示图像和评论以及您想要与幻灯片关联的所有其他内容。

要使用 Ajax 加载评论和其他内容，您需要同时在服务器端和客户端工作（确保在幻灯片更改时或之前执行 Ajax 调用（可能在您收到的那一刻准确更改幻灯片你的数据））。如果您确实走这条路并且需要进一步的帮助，那么最好提出一个单独的问题来说明您的决定以及您想要实现的目标。（这更像是一个寻求总体战略建议的问题。）

于 2012-12-02T00:46:49.170 回答