Question

我有一个Wordpress网站，其中包含一个主题，当您在手机或平板电脑上打开时，滑块会消失。我尝试了几个不同的滑块插件，我尝试停用所有插件并逐个安装所有插件，但问题仍然存在，所以我认为这是主题的PHP问题，但我似乎无法找到一个解决方案。当在手机或平板电脑上打开时，滑块似乎已加载，但它突然消失，但页面的其余部分仍然存在，我认为当用户从手机打开它时可能会将用户带到新页面。有人可以帮帮我吗？谢谢！

http://www.lapinatasd.com

非常感谢你！

<?php /* Template Name: Home Page */ ?>
<?php get_header(); ?>
<?php while ( have_posts() ) : the_post(); ?>
	<!-- BEGIN HOME SLIDER SECTION -->
    <section id="home-slider">

<?php putRevSlider( 'home' ); ?>


       
    </section>
    <!-- END HOME SLIDER SECTION -->
<?php endwhile; ?>
<?php $back = $post //backup post data?>
<?php $child_sections = new WP_Query(array('post_type' => 'page', 'post_parent' => $post->ID, 'orderby' => 'menu_order', 'order' =>'ASC', 'posts_per_page' => -1)); ?>
<?php while ($child_sections->have_posts() ) : $child_sections->the_post(); ?>
    <?php $bg = rwmb_meta( '_jellythemes_section_bg', 'type=image', get_the_ID() );  foreach ($bg as $bg_image) : $bg_url = $bg_image['full_url']; endforeach; ?>
    <?php $bg2 = rwmb_meta( '_jellythemes_section_bg2', 'type=image', get_the_ID() );  foreach ($bg2 as $bg_image2) : $bg_url2 = $bg_image2['full_url']; endforeach; ?>
    <?php $video = get_post_meta( $post->ID, '_jellythemes_parallax_video', true ); ?>
    <?php if (empty($video)): ?>
        <section id="<?php echo esc_attr($post->post_name); ?>" class="section <?php echo get_post_meta( $post->ID, '_jellythemes_section_type', true ); ?> <?php echo get_post_meta( $post->ID, '_jellythemes_section_color', true ); ?>" style="background-color:<?php echo get_post_meta( $post->ID, '_jellythemes_bg_color', true ); ?>; <?php echo (!empty($bg_url) ? 'background-image: url(' . $bg_url . ')' . (!empty($bg_url2) ? ', url(' . $bg_url2 . ')' : '') . ';'  : ''); ?>">
            <div class="<?php echo get_post_meta( $post->ID, '_jellythemes_section_width', true ); ?>">
                <?php the_content(); ?> 
            </div>
        </section>
    <?php else: ?>
        <section id="<?php echo esc_attr($post->post_name); ?>" class="player section" data-property="{videoURL:'<?php echo esc_js($video); ?>',containment:'self',autoPlay:true, mute:true, startAt:0,opacity:1,ratio:'4/3', addRaster:true}">
            <div class="overlay"></div>
            <?php $logos = rwmb_meta('_jellythemes_bg_logo', 'type=image', $post->ID ); ?>
            <?php foreach ($logos as $logo) : ?>
            <img class="video-img" src="<?php echo esc_url($logo['full_url']); ?>" alt="video">
            <?php endforeach; ?>
        </section>
    <?php endif ?>
    <?php $bg_url=''; ?>
<?php endwhile; ?>
<?php $post = $back //restore post data?>

<?php get_footer(); ?>
</body>
</html>

Answer 1

我认为您正在使用一些响应式主题，并且您正在使用的区域被配置为隐藏在小屏幕设备上。例如，使用bootstrap时，会有class hidden-sm-down。检查此类是否适用于您正在使用的容器。这将使div在小型和xtra-small设备中不可见。请参阅enter link description here

为了更好地帮助我们了解问题，请附上网页的HTML。

滑块消失在手机/平板电脑版本

1 个答案: