这两个 jQuery 事件可以简化为一个吗？

Question

我有这个脚本：

    <script>
        $(document).ready(function() {
            $('#uk-width-1-2-left').height($('#uk-width-1-2-right').height())
        });

        window.addEventListener("resize", function() {
            $('#uk-width-1-2-left').height($('#uk-width-1-2-right').height())
        });
    </script>

实际上做同样的事情。但是，由于事件不同，我手动将它们分成 2 个不同的函数，这些函数由不同的事件触发。可以简化成一个函数吗？

谢谢大家，新年快乐

Answer 1

当然可以，只需将 jQuery 用于调整大小事件，并在页面加载时触发它

$(document).ready(function() {
    $(window).on('resize.ukheight', function() {
        $('#uk-width-1-2-left').height($('#uk-width-1-2-right').height())
    }).trigger('resize.ukheight');
});

Answer 2

var resize = function() {
    $('#uk-width-1-2-left').height($('#uk-width-1-2-right').height())
});

$(document).ready(function() {
    resize();
});

window.addEventListener("resize", resize);

这两个 jQuery 事件可以简化为一个吗？

Can This Two jQuery Events Simplified into One?

jquery