ajax wordpress 帖子

Question

我正在为这个设计组合网站使用 Wordpress：http://onomadesign.com/wordpress/identity-design/shleppers-moving-storage/

现在，在这个 single.php 页面上，您可以在右侧看到链接到每个不同帖子的缩略图。我想要完成的是，当人们单击一个以查看项目时，带有滚动条的缩略图导航保持在相同的位置。现在整个页面都刷新了，这样滚动条又可以从顶部看到了。我不想那样。

所以，我想我必须“ajax”一些东西，对吧？最好使用 jQuery，因为我已经通过网站使用了该库。我可以在右侧使用缩略图制作该 div 而不刷新页面的其余部分吗？或者获取单个帖子以便“ajax 刷新”？

我希望我说清楚了，提前感谢您的帮助！

约书亚

Answer 1

当您单击其中一个链接时，您必须刷新页面的整个左侧。在您开始设计页面时应该考虑到这一点，至少可以说，在这个阶段实施它可能非常hacky。

无论如何，最简单的解决方案是这样的：

• 捕获缩略图的点击事件
• 不是将浏览器重定向到它指向的 URL，而是通过 AJAX 获取该 URL
• 在选择中获取当前侧边栏
• 将新页面的侧边栏替换为当前页面的侧边栏
• 用新页面的 DOM 替换当前 DOM

这远非最佳——以这种方式修改 DOM 非常繁重，并且可能会导致其余代码发生奇怪的事情（cufón 不触发等），但它是最简单的实现。它实际上与 AJAX 应该做的相反：它获取整个内容并仅在块上“保留”，而通常 AJAX 用于一次仅获取较小的块。

要做到这一点正确，您需要有一个仅包含您需要更新的内容的页面，然后您将获取该内容并仅替换您页面的一部分。如果有可能，那将是可行的方法。

如果你想尝试第一种方法，我可以给你代码。让我知道你的想法。