2010-01-05 100 views
0

我使用WordPress的这个设计组合网站:http://onomadesign.com/wordpress/identity-design/shleppers-moving-storage/AJAX的wordpress的帖子

现在,这个的single.php页面上,你可以看到它链接到每个不同岗位右边的缩略图。我想要完成的是带有滚动条的缩略图导航,当人们点击一个查看项目时,它们保持在同一位置。现在整个页面都会刷新,以便从顶部再次查看滚动条。我不想那样。

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

我希望我自己清楚,在此先感谢您的帮助!

约书亚

回答

0

你必须让你的页面刷新的整个左侧,当你点击一个链接。当你开始设计页面时,应该考虑到这一点,在现阶段实施它至少可以说是很冒险的。

不管怎么说,最简单的办法是这样的:

  • 捕捉缩略图的单击事件
  • 取而代之的浏览器重定向到它指向的,由AJAX
  • 获取该网址的URL获取当前侧bar
  • 用当前页面的侧边栏替换新页面的侧边栏
  • 用新页面的DOM替换当前DOM

这是远远没有达到最佳–这是非常沉重的修改DOM以这种方式,它可能会导致奇怪的事情与其余代码发生(的Cufón不点火等),但它是容易实现的。它实际上与AJAX应该做的相反:它提取整个内容并仅在块上“保留”,而通常AJAX一次只用于提取较小的块。

要做到这一点正确,你需要有一个网页,只有你需要更新的内容,然后你会获取该内容,并只取代你的网页的一部分。如果可能的话,那将是一条路。

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

+0

谢谢。我以前很怕那个。我偶然发现了这个: fetching posts in wordpress。我可以用这个来实现我想要的吗? 我想到的另一种选择:以某种方式使滚动条中的“当前”缩略图居中。不知道这有多难。 感谢您的帮助。 – Josh 2010-01-05 19:36:12

+0

对不起,我的意思是http://www.tyssendesign.com.au/articles/cms/fetching-posts-in-wordpress-expressionengine-with-jquery-ajax/ – Josh 2010-01-05 19:36:51

+0

实际上,您发布的链接中的方法可能有效。你能自己解决吗?如果您尝试该方法并遇到问题,我建议您只发布一个新问题。你也建议的替代方法是可能的,而且实际上相对容易完成 - 如果你需要帮助,请告诉我。 – 2010-01-05 19:58:46