高级ajax页面加载器（wordpress）使jquery幻灯片切换不起作用

Question

您好我正在尝试为wordpress中的自定义文件制作幻灯片动画 我使用高级Ajax页面加载器，第一页有幻灯片切换，但即使我去第二页它将停止工作，甚至我回到主页它也没有工作。

循环代码：

<div class="long-box">

<a href="<?php the_permalink() ?>">
<?php
if ( has_post_thumbnail() ) { ?>
<img class="longim" id="c-<?php the_ID(); ?>" src="<?php bloginfo('stylesheet_directory'); ?>/timthumb.php?src=<?php get_image_url(); ?>&amp;h=150&amp;w=200&amp;zc=1" alt="" />
<?php } else { ?>
<img class="longim" src="<?php bloginfo('stylesheet_directory'); ?>/timthumb.php?src=<?php bloginfo('template_directory'); ?>/images/dummy.png&amp;h=150&amp;w=200&amp;zc=1"  alt="" />
<?php } ?>
<p id="m-<?php the_ID(); ?>" style="display: none;"><?php echo get_post_meta($post->ID, 'need',true); ?></p>
<script>
$( "#c-<?php the_ID(); ?>" ).hover(function() {
$( "#m-<?php the_ID(); ?>" ).slideToggle( "slow" );
});
</script>
</a>

Answer 1

根据您的PHP，如果您请求的<img>没有缩略图，则会丢失缩略图保留id上的<img>属性。

在第8行，改变这个：

<img class="longim" src="<?php ...

到此：

<img class="longim" id="c-<?php the_ID(); ?>" src="<?php ...

如果有帮助请告诉我。

如果在添加页面加载器之前这样做仍然无效，请检查JS控制台是否有错误。