微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

更新到 Worpdress 5.7 后预加载器不工作

如何解决更新到 Worpdress 5.7 后预加载器不工作

更新到 WP 5.7 后,我的预加载器停止工作。我在functions.PHP中有以下代码,以前工作正常。

// Preloader Code Header
add_action('wp_head','dp_preloader');
function dp_preloader() {
?>
    <!-- Preloader -->
    <div class="dp_preloader">
        <div class="dp_loader_icon">&nbsp;</div>
    </div>
    <style>
    .dp_preloader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: #ffffff;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;}
    .dp_preloader .dp_loader_icon {position: absolute;left: 50%;top: 50%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;background-image: url(<?PHP echo get_stylesheet_directory_uri();?>/img/preloader.gif);width: 64px;height: 64px;margin: 0px 0 0 -30px;}
    </style>
<?PHP 
}
// Preloader Code Footer
add_action('wp_footer','dp_preloader_css');
function dp_preloader_css() {
?>
    <script type="text/javascript">
        jQuery(window).load(function(){ 
            jQuery('.dp_loader_icon').fadeOut('fast'); 
            jQuery('.dp_preloader').delay(0).fadeOut('fast'); 
        })
    </script>
<?PHP
}
        

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。