我正在wordpress做一个页面的网站,在那里我想只显示一篇文章的索引页面的帖子的总结。为此,我知道我可以将loop.php中的the_content更改为the_excerpt。但是,当我点击“继续阅读”我来到一个新的页面,这不是我想要的。我想让div下滑并在页面上显示整个新闻。jQuery slideDown在索引页上的帖子? (WordPress的)
有没有办法做到这一点?
在此先感谢
我正在wordpress做一个页面的网站,在那里我想只显示一篇文章的索引页面的帖子的总结。为此,我知道我可以将loop.php中的the_content更改为the_excerpt。但是,当我点击“继续阅读”我来到一个新的页面,这不是我想要的。我想让div下滑并在页面上显示整个新闻。jQuery slideDown在索引页上的帖子? (WordPress的)
有没有办法做到这一点?
在此先感谢
简单的解决方案(不是最好的):
显示the_excerpt()在可见DIV,显示the_content()在一个隐藏的DIV, “继续阅读” 点击(使用jQuery )togle动画。
我会输出摘录和内容,每个都输出它自己的div
标记。相应地对其进行分类,并将内容div.content
隐藏在CSS文件中。现在,把读这两个div
的经过链接,然后链接处理的更多,你隐藏摘录div.excerpt
和展示的内容div.content
在一个运动:
$("a.readmore").click(function() {
$(this).prev().prev("div.excerpt").hide();
$(this).prev("div.content").show();
// EDIT:
return false; // this will stop default behaviour of jumping to the top of page for instance
}
希望这把你放在正确的道路上。在这里我的解决方案:http://jsfiddle.net/FANVp/6/。像poelinca说,不是最好的,但它会工作。
当我这样做时,当我点击read_more链接时,我进入页面的顶部...这并不好。应该是这样或者我做错了什么? – Andreas 2011-02-15 12:50:34
你能发布相关的html吗?这是一段时间,因为我甚至想过Wordpress ......尽管可以用fadeOut(),load()和fadeIn()来实现。此外:虽然此**不是**投票结束,但[Wordpress Stack Exchange站点](http://wordpress.stackexchange.com/)可能有权访问更好的建议或关于同一主题的以前的问题。 – 2011-02-15 12:25:50