Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/google-chrome/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery在Wordpress内容上设置动画_Javascript_Jquery_Html_Css_Wordpress - Fatal编程技术网

Javascript jQuery在Wordpress内容上设置动画

Javascript jQuery在Wordpress内容上设置动画,javascript,jquery,html,css,wordpress,Javascript,Jquery,Html,Css,Wordpress,我一直在尝试这样做,当你点击一篇文章的缩略图时,内容在一个div中被设置动画。如果你点击另一个div,内容会被设置动画备份,然后用新内容设置动画。内容将显示在容器的div中 目前它什么也没做,但我相当肯定它很接近,只是我在某个我没见过的地方犯了一个愚蠢的错误 现场: jsFiddle: 注意:显示帖子缩略图(在WP中创建帖子时定义) -显示文章的标题 -显示帖子的内容这是一件非常简单的事情,使用以下jQuery作为开始: $(thumb-nail).click(function(){ $(

我一直在尝试这样做,当你点击一篇文章的缩略图时,内容在一个div中被设置动画。如果你点击另一个div,内容会被设置动画备份,然后用新内容设置动画。内容将显示在容器的div中

目前它什么也没做,但我相当肯定它很接近,只是我在某个我没见过的地方犯了一个愚蠢的错误

现场: jsFiddle:

注意:显示帖子缩略图(在WP中创建帖子时定义)
-显示文章的标题
-显示帖子的内容

这是一件非常简单的事情,使用以下jQuery作为开始:

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

在这里查看我的工作示例-

这是一件非常简单的事情,使用以下jQuery作为起点:

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

检查我的工作示例-

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

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

您不能在jsfiddle上运行
php
content!可以说你被困在哪里了,没人想要选票。。。我认为你应该因为想到那件事而受到惩罚!也许你可以定一个赏金。。。下次想想你的选择吧!这不仅仅是为了展示循环是如何工作的,而不是发布简单的html,然后让人们不理解我提到的东西等等。我只知道这里的很多人只是为了投票,如果他们真的帮助我,我非常乐意给他们。我不是说我会给任何人哈哈。我的问题是让内容显示出来,让jQuery动画化。也许他们是来投票的,对我来说stackoverflow是另一本PHP、Javascript、HTML的书!我每天都从我的答案和其他人的答案中学习。你不能在JSFIDLE上运行
php
内容!可以说你被困在哪里了,没人想要选票。。。我认为你应该因为想到那件事而受到惩罚!也许你可以定一个赏金。。。下次想想你的选择吧!这不仅仅是为了展示循环是如何工作的,而不是发布简单的html,然后让人们不理解我提到的东西等等。我只知道这里的很多人只是为了投票,如果他们真的帮助我,我非常乐意给他们。我不是说我会给任何人哈哈。我的问题是让内容显示出来,让jQuery动画化。也许他们是来投票的,对我来说stackoverflow是另一本PHP、Javascript、HTML的书!我每天都从我的答案和其他人的答案中学习。这不是我想要的。我希望内容出现在上面的div内容中,正如我所说:)它还必须与内容的wordpress循环兼容。这将与wordpress循环兼容,您只需调整它以使用正确的ID/类。这是朝着正确的方向迈出的一步,而不是最终的答案。这不是我想要的。我希望内容出现在上面的div内容中,正如我所说:)它还必须与内容的wordpress循环兼容。这将与wordpress循环兼容,您只需调整它以使用正确的ID/类。这是朝着正确方向迈出的一步,而不是最终的答案。