使用ajax关闭放大弹出内容后,所有owl转盘都会中断
我正在创建一个单页WP主题,实际上这个主题是由其他人创建的,我正在将它转换为WP。所有的工作都很好,但当博客部分的帖子被浏览并关闭时,网站上所有的旋转木马都会中断。post在放大弹出窗口中打开 //链接 //放大的 $'.ajax popup link'.magnificppopup{type:'ajax',closeOnBgClick:false} //我使用弹出窗口的完整代码使用ajax关闭放大弹出内容后,所有owl转盘都会中断,ajax,wordpress,magnific-popup,owl-carousel,Ajax,Wordpress,Magnific Popup,Owl Carousel,我正在创建一个单页WP主题,实际上这个主题是由其他人创建的,我正在将它转换为WP。所有的工作都很好,但当博客部分的帖子被浏览并关闭时,网站上所有的旋转木马都会中断。post在放大弹出窗口中打开 //链接 //放大的 $'.ajax popup link'.magnificppopup{type:'ajax',closeOnBgClick:false} //我使用弹出窗口的完整代码 谢谢 问题是因为使用popup时,样式和脚本被再次加载。我删除了wp_头和wp_脚,现在一切都很好 &l
谢谢 问题是因为使用popup时,样式和脚本被再次加载。我删除了wp_头和wp_脚,现在一切都很好
<?php
$bl_args = array(
'post_type' => 'post',
'orderby' => 'date',
'order' => 'DEC',
);
$counter = 0;
$bl_query = new WP_Query( $bl_args );
// The Loop
if ( $bl_query->have_posts() ) {
while ( $bl_query->have_posts() ) {
$bl_query->the_post();
if( $counter%4 == 0 ) {
echo '<div class="blog">';
echo '<div class="row">';
} //open before every fourth item
echo '<div class="col-md-6">';
?>
<a href="<?php the_permalink(); ?>" class="ajax-popup-link">
<?php
the_post_thumbnail('blog-thumb');
?>
</a>
<?php
echo '<div class="row">';
echo '<div class="col-sm-2"><span><span>';
the_time('j');
echo '</span>';
the_time('F Y');
echo '</span>';
echo '</div><!-- .col-sm-2 -->';
echo '<div class="col-sm-10">';
echo '<h4>';
?>
<a href="<?php the_permalink(); ?>" class="ajax-popup-link">
<?php
echo get_the_title();
?>
</a>
<?php
echo '</h4>';
the_excerpt();
echo '</div><!-- .col-sm-10 -->';
echo '</div><!-- .row -->';
echo '</div><!-- .col-md-6 -->';
if( $counter%4 == 3 ) {
echo '</div><!-- .row -->';
echo '</div><!-- .blog -->';
} //close after each block of four or after last item
$counter++;
}
}
/* Restore original Post Data */
wp_reset_postdata();
?>