尤明明Blog

网站建设外包|网站切图外包,技术不仅是一种专业,更是一种责任!

您的当前位置: 首页 » 前端学习 » jQuery插件 »

jQuery等高排列插件matchHeight.js

2019-11-20   Umming   jQuery插件    评论(0)    浏览(2222)


051339445490.jpg

jQuery等高排列插件matchHeight,jQuery等高排列插件matchHeight是一款响应式平等高度插件jquery.matchHeight。jQuery响应式瀑布流jquery插件,这种等高的处理方法其实可以使用flex布局,但是flex布局兼容性较差,视情况使用。

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.matchHeight.js"></script>
        <script type="text/javascript">
            (function() {
                /* matchHeight example */
                $(function() {
                    // apply your matchHeight on DOM ready (they will be automatically re-applied on load or resize)
                    // get test settings
                    var byRow = $('body').hasClass('test-rows');
                    // apply matchHeight to each item container's items
                    $('.items-container').each(function() {
                        $(this).children('.item').matchHeight(byRow);
                    });
                    // example of removing matchHeight
                    $('.test-remove').click(function() {
                        $('.items-container').each(function() {
                            $(this).children('.item').matchHeight('remove');
                        });
                    });
                });
            })();
</script>

预览地址:https://www.umming.com/demo/matchHeight/

jQuery等高排列插件matchHeight.js.zip 大小:53.91 KB  |  来源:本站下载

标签: jQuery插件

本文链接:https://www.umming.com/jquery/170.html     百度已收录

声明:本站信息由网友自行发布或来源于网络,真实性、合法性由发布人负责,请仔细甄别!本站只为传递信息,我们不做任何双方证明,也不承担任何法律责任。文章内容若侵犯你的权益,请联系本站删除!


发表评论: