在我的网站上,每篇文章下都有可点击的隐藏元标记,例如页面浏览量或 Google 请求。
这是我使用的代码:
<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。问题是,如果我单击“显示/隐藏元数据”,每篇文章都会显示元数据。我只想要我点击的文章的元数据。这是my website .
您必须点击德语“[Zeige/Verstecke Meta-Daten]”,它相当于“[显示/隐藏元数据]”。
最佳答案
使用 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 and jQuery together?
最简单的解决方案是创建一个临时上下文:
(function($){
$('.show_hide').click(function(){
$(this).siblings('.slidingDiv').slideToggle();
});
}(jQuery));
关于php - 如何仅使用 Javascript (AJAX) 处理一篇文章?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11541682/