gpt4 book ai didi

php - 旋转见证

转载 作者:行者123 更新时间:2023-11-30 13:07:15 26 4
gpt4 key购买 nike

如果您能帮我修理我的这个小鉴定盒,我将不胜感激。现在,我不知道问题是出在 PHP、CSS 还是我的标记上,因为尽管帖子似乎消失了,但它们都同时出现,第一个消失的只是继续显示第三个帖子。

这是脚本:

    <script language="javascript"> 
jQuery(document).ready(function(){
jQuery('#testimonials .slide');
setInterval(function(){
jQuery('#testimonials .slide').filter(':visible').fadeOut(1000,function(){
if(jQuery(this).next('.slide').size()){
jQuery(this).next().fadeIn(1000);
}
else{
jQuery('#testimonials .slide').eq(0).fadeIn(1000);
}
});
},1500);
});
</script>

PHP/HTML:

<?php 
$loop = new WP_Query(array('post_type' => 'qcamp', 'posts_per_page' => 5));
if ($loop->have_posts()) { ?>
<div id="camps-quote">

<?php while ( $loop->have_posts() ) : $loop->the_post(); ?>

<div id="testimonials">
<div class="slide">
<div class="testimonial-quote">
<?php the_content(); ?>
</div>
</div>

</div>

<?php endwhile; ?>

</div>
<?php } ?>

最后是 CSS:

#camps-quote {
margin-top:50px;
box-shadow: 7px 7px 7px #C0C0C0;
background-color: #7D9EC0;
height: 120px;
font-size: 16px;
padding:7px;
font-family: Arial;
width:500px;
margin-left:200px;
overflow:hidden;
}

#testimonials{

}

#testimonials .slide {color: #fff;}

#testimonials .testimonial-quote {
padding: 3px 0 0 65px;
line-height: 1.5em;
font-family:Helvetica, Arial, sans-serif !important;
font-size: 16px;
font-weight: normal;
font-style: italic;
margin: 10px 0 20px 0;
}

Here's the site I'm testing it on.

最佳答案

php/markup/javascript 中的一个问题是 #testimonials 在循环内。它应该在循环之外,因为现在您的 .slide 元素没有 sibling 并且 next() 获取下一个 sibling (并且每页只能有一个唯一的 ID;现在您拥有的 #testimonials 元素与您的推荐一样多):

<div id="testimonials">
<?php while ( $loop->have_posts() ) : $loop->the_post(); ?>

<div class="slide">
<div class="testimonial-quote">
<?php the_content(); ?>
</div>
</div>

<?php endwhile; ?>
</div>

关于php - 旋转见证,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15237344/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com