Wordpress 内容上的 jQuery 动画答案

【问题标题】：jQuery animate on Wordpress contentWordpress 内容上的 jQuery 动画
【发布时间】：2011-08-17 07:29:06
【问题描述】：

我一直在尝试这样做，以便当您单击帖子的缩略图时，内容会在 div 中向下动画。如果您单击另一个 div，则内容会重新设置动画，然后使用新内容重新设置动画。内容要显示在 div theContainer 中。

目前它什么也没做，但我很确定它已经接近了，只是在我没见过的地方犯了一个愚蠢的错误。

直播：http://www.mathewhood.com/sitefiles jsFiddle：http://jsfiddle.net/YpHCq/

注意<?php the_post_thumbnail(); ?> - 显示帖子缩略图（在 WP 中创建帖子时定义） <?php the_title(); ?> - 显示帖子的标题 <?php the_content(); ?> - 显示帖子内容

【问题讨论】：

你不能在 jsfiddle 上运行 php 内容！可以说你在哪里卡住了，没有人想要白白投票......我认为你应该只因为想到这一点而受到惩罚！也许你可以设置一个赏金......下次想想你的选择！
更多的是展示循环是如何工作的，而不是发布直接的html然后让人们不理解我提到的东西等等。我只知道这里的很多人只是在它是为了支持，如果他们确实帮助了我，我很乐意给他们。我不是说我会把它们给任何人哈哈。我的问题是让内容显示和 jQuery 对其进行动画处理。
也许他们是来投赞成票的，对我来说，stackoverflow 是另一本 PHP、Javascript、HTML 书籍！我每天都从我的答案和其他人的答案中学习。

标签： javascript jquery html css wordpress

【解决方案1】：

这是一个很简单的事情，使用下面的jQuery作为开始：

$(thumb-nail).click(function(){
   $('.down').slideUp("fast").removeClass('down');
   $(this).parent().find(stuff-to-hide).slideDown("fast").addClass('down');
});

在这里查看我的工作示例 - http://jsfiddle.net/ajthomascouk/byWwk/

【讨论】：

这不是我想要的。正如我所说，我希望内容出现在 div theContent 的上方 :) 它还必须与内容的 wordpress 循环兼容。
这将与 wordpress 循环兼容，您只需对其进行调整以使用正确的 ids/classes。这是朝着正确方向迈出的一步，而不是确定的答案。

【解决方案2】：

尝试注释掉 jQuery 中包含的 php 片段，因为它们看起来是导致页面运行不正确的原因。我还会将 var 的名称从 $container 更改为更独特的名称。

【讨论】：