我怎么能只用Javascript(AJAX)编写其中一篇文章呢
How can I adress only one of the articles in Javascript (AJAX)?
在我的网站上,我在每篇文章下都有可点击的隐藏元标签,如页面浏览量或谷歌请求。
这是我使用的代码:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".slidingDiv").hide();
$(".show_hide").show();
$('.show_hide').click(function(){
$(".slidingDiv").slideToggle();
});
});
</script>
这个PHP代码:
<p class="postmetadata"><a href="javascript:;" class="show_hide">[Show/hide meta data]</a></p>
<div class="slidingDiv">
<p class="postmetadata">Aufrufe: <?php if(function_exists('the_views')) { the_views(); } ?> </p>
<p class="postmetadata"><?php if(function_exists('stt_terms_list')) echo stt_terms_list() ;?></p>
<p class="postmetadata"><?php if (function_exists('backlinks')) backlinks(); ?></p>
<br>
</div>
我使用Wordpress。问题是,如果我点击"显示/隐藏元数据",每篇文章都会显示元数据。我只想要我点击的文章的元数据。这是我的网站。
你必须点击德语"[Zeige/VersteckeMeta-Daten]",它等于"[Show/hide Meta-data]"。
使用jQuery方法.next(),这将立即工作:
$('.show_hide').click(function(){
$(this).next().slideToggle();
});
使用jQuery方法.siblings(),即使重新排列元素的顺序,这也会起作用:
$('.show_hide').click(function(){
$(this).siblings('.slidingDiv').slideToggle();
});
使用jQuery方法.closest(),即使重新排列元素深度,这也能工作:
$('.show_hide').click(function(){
$(this).closest('.span-8').find('.slidingDiv').slideToggle();
});
另外,对于jQuery/Prototype冲突,请参见:Prototype和jQuery在一起?
最简单的解决方案是创建一个临时上下文:
(function($){
$('.show_hide').click(function(){
$(this).siblings('.slidingDiv').slideToggle();
});
}(jQuery));
相关文章:
- 使用ajax在多个页面上发布一篇文章
- 计算一篇文章中的节数(不止一篇文章)
- 计算一篇文章中有多少节
- 如何提供指向'下一篇文章'
- 翻译一篇文章'上.单击'PHP中的事件,来自'window.open'到基本URL链接
- 我怎么能只用Javascript(AJAX)编写其中一篇文章呢
- 单击我的joomla网站上的模块标题以指向一篇文章
- 定位页面上的第一篇文章和最后一篇文章
- jquery按钮只在一篇文章中启用
- 如何点击按钮显示下一篇文章
- 将变量数据从.js的一篇文章中抓取到php中
- 每回一篇文章,页面都会向后滚动
- 如何获取我的博客上最后一篇文章的日期,并将其显示在另一个网站上?
- 在领英上发表一篇文章
- 在一个页面上(在一篇博客文章中)编码多个fotorama
- 使用Tumblr API获取下一篇或上一篇文章
- 在展开下一篇文章时折叠文章(Readmore.js - Extension)
- 如何滚动一个大的表面?(例如一篇文章)
- 如何识别一篇博客文章是否被选中
- Angular Typeahead:点击建议并立即发表一篇文章