Jquery Css3动画播放两次而不是一次
我已经将css转换效果集成到我的Wordpress循环中(我也使用了砖石结构,可能这就是冲突所在)。动画播放了两次而不是一次,这让我很恼火,因为我不知道如何让它平滑地播放一次。基于本教程,我使用了一些js脚本和css3: 以下是指向具有双动画的页面的链接: 这是我的建议:Jquery Css3动画播放两次而不是一次,jquery,css,animation,transition,masonry,Jquery,Css,Animation,Transition,Masonry,我已经将css转换效果集成到我的Wordpress循环中(我也使用了砖石结构,可能这就是冲突所在)。动画播放了两次而不是一次,这让我很恼火,因为我不知道如何让它平滑地播放一次。基于本教程,我使用了一些js脚本和css3: 以下是指向具有双动画的页面的链接: 这是我的建议: if ( $.isFunction( $.fn.masonry ) ) { $( '#people-transition' ).masonry( { itemSelector: '.people-transitio
if ( $.isFunction( $.fn.masonry ) ) {
$( '#people-transition' ).masonry( {
itemSelector: '.people-transition',
columnWidth: function( containerWidth ) {
return containerWidth / 4;
},
gutterWidth: 0,
isResizable: true,
isRTL: $( 'body' ).is( '.rtl' )
} );
}
这是我的内容区:
<div class="col-md-3 spacetop masonry-brick people-transition">
<a href='<?php echo get_permalink($post->ID); ?>'><img class="lazy" class="" src="<?php the_sub_field('image'); ?>"></a>
<h2 class="staffname">
<?php echo get_post_meta($post->ID,'staff_name',true); ?>
</h2>
<h2 class="staffrole">
<?php echo get_post_meta($post->ID,'staff_role',true); ?>
</h2>
<h2 class="staffnumber">
<?php the_sub_field('telephone_number'); ?>
</h2>
<h2 class="staffemail">
<?php the_sub_field('email_address'); ?>
</h2>
</div>
我禁用了我的砌石效果,现在所有的游戏都正常了。如果有人遇到此错误,请随时分享解决方案。我已禁用了我的砌体js效果,现在信息播放一次,非常流畅。某种冲突正在发生。
if ( $.isFunction( $.fn.masonry ) ) {
$( '#people-transition' ).masonry( {
itemSelector: '.people-transition',
columnWidth: function( containerWidth ) {
return containerWidth / 4;
},
gutterWidth: 0,
isResizable: true,
isRTL: $( 'body' ).is( '.rtl' )
} );
<div class="col-md-3 spacetop masonry-brick people-transition">
<a href='<?php echo get_permalink($post->ID); ?>'><img class="lazy" class="" src="<?php the_sub_field('image'); ?>"></a>
<h2 class="staffname">
<?php echo get_post_meta($post->ID,'staff_name',true); ?>
</h2>
<h2 class="staffrole">
<?php echo get_post_meta($post->ID,'staff_role',true); ?>
</h2>
<h2 class="staffnumber">
<?php the_sub_field('telephone_number'); ?>
</h2>
<h2 class="staffemail">
<?php the_sub_field('email_address'); ?>
</h2>
</div>