WordPress / jQuery - 视频类别展示与jQuery

Question

我正在为一个客户开发一个网站，他们有一个我无法弄清楚的有趣要求。

基本上，他们的一个帖子类别适用于视频，他们会定期在该类别中发布新视频。每个视频帖子都有精选缩略图集。

在他们的视频页面上，他们希望为该类别中的每个帖子显示缩略图（这是简单的部分，可以使用自定义查询完成） - 但是在页面顶部，他们希望有1个完整帖子显示。如果用户点击其中一个缩略图，它将在页面顶部显示该缩略图的视频，而不是已存在的任何内容。这有意义吗？

这是一个如何布局页面的模型：

所以我需要使用jQuery基本上在页面顶部加载完整的视频，当点击缩略图时 - 完整的视频只是一个WordPress帖子，所以它的情况是“当点击缩略图ID x时，在div id =“full-video”中显示corrosponding的帖子

任何想法如何做到这一点？

非常感谢 扎克

Answer 1

您必须向返回发布内容的服务器发出请求。类似于此的东西：

<javascript>
function getVideo(data) {
  $.get(URL_THAT_RETURNS_CONTENT, 
    function (data) {
      $("#full-video").html(data)
    }
  );
}

$(".video-thumb").click(getVideo)
</javascript>

然后在服务器端，类似的东西：

data = get_content($_GET['lookup_post']);
echo data;

我不记得我头顶的确切代码，但这应该让我的想法得以实现。

Answer 2

这个不像前一个那么优雅但是如何使用2个循环呢？一个完整显示最后一个帖子，另一个省略最后一个帖子，并以正确的顺序显示其他所有内容？它可能需要更多的资源，但如果它不是大网站，我认为这是最简单的方法。