ajax wordpress帖子

时间:2010-01-05 18:27:09

标签: jquery ajax wordpress

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

现在,在这个single.php页面上,您可以看到右侧的缩略图链接到每个不同的帖子。我想要实现的是,带有滚动条的缩略图导航,当人们点击其中一个来查看项目时,它会保持在相同的位置。现在整个页面刷新,以便再次从顶部查看滚动条。我不希望这样。

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

我希望自己明确表示感谢,提前感谢您的帮助!

约书亚

1 个答案:

答案 0 :(得分:0)

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

无论如何,最简单的解决方案是:

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

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

要正确地 ,您需要拥有一个只包含您需要更新的内容的页面,然后您将获取该内容并仅替换您网页的一部分。如果可能的话,那将是最佳选择。

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