自定义jquery插件在页面

时间:2018-11-19 07:50:38

标签: jquery plugins

我创建了新的自定义jquery插件,用于为选择器设置高度。在页面中使用它时,在控制台“ setEqualHeight不是函数”中显示错误。请帮助我解决此问题。

谢谢。

我的代码。

 (function ($) {
     $.fn.setEqualHeight = function (ele) {
        var maxHeight = 0;
        var maxElement = null;

        $(ele).css({ "height": "auto" })

        $(ele).each(function (i) {
            if (($(this).height() + parseInt($(this).css("padding-bottom")) +     parseInt($(this).css("padding-top"))) > maxHeight) {
                maxHeight = $(this).height() + parseInt($(this).css("padding-top")) + parseInt($(this).css("padding-bottom"));
                maxElement = this;
            }
        });     
        $(ele).each(function () {
            $(this).height(maxHeight - parseInt($(this).css("padding-top")) - parseInt($(this).css("padding-bottom")))
        })
    };
})(jQuery);



$("body").setEqualHeight($(".box-borderDiv"));
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

0 个答案:

没有答案