如何在移动设备上启用均衡器

时间:2016-10-31 21:54:59

标签: jquery zurb-foundation

   <div class="row mobile-horizontial-scroll" data-equalizer data-options="equalize_on_stack: true">
        <?php

        // check if the repeater field has rows of data
        if( have_rows('columns') ):

            // loop through the rows of data
            while ( have_rows('columns') ) : the_row(); ?>
                <div class="column small-10 medium-4 margin-bottom-xsmall text-center">
                    <div class="panel-white medium-text-center column-padding" data-equalizer-watch>
                        <img src="<?php echo the_sub_field('image'); ?>" alt="" />
                        <h5 class="heading-orange heading-padding-small"><?php echo the_sub_field('title'); ?></h5>
                        <?php echo the_sub_field('description'); ?>
                    </div>
                </div>

        <?php endwhile;

        else : ?>
        <div class="column small-12">
            <p>
                No Data Found!, please enter data in the columns field in the admin
            </p>
        </div>
        <?php endif; ?>
    </div>

我正试图从基础制造均衡器。在文档中说到使用这个attr data-options =“equalize_on_stack:true”,我认为它会在移动设备上启用均衡器,但似乎失败了。

有没有人能够在手机上制作均衡器?

非常感谢

1 个答案:

答案 0 :(得分:0)

已经尝试过数据属性data-equalize-on

来自文档;

  

data-equalize-on-medium - 表示插件应该在高度上的最小断点大小。