在窗口大小调整jQuery上调整元素宽度 | 在窗口大小调整jQuery上调整元素宽度

本文介绍了在窗口大小调整jQuery上调整元素宽度的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我正在使用jq计算页面加载时的元素宽度，并且工作正常，尝试在窗口调整大小时自动执行，但是有点不起作用.预期效果:框应在调整窗口大小时自动调整大小，而不是下拉.

任何帮助，我们感激不尽.谢谢！

解决方案

尝试$(window).resize参见下文，

$(document).ready(function() {
    var cw = $('#container').width();
    $(".box").width(cw / 5);

    $(window).resize(function() {
        var cw = $('#container').width();
        $(".box").width(cw / 5);
    });
});

还在container和box_in上使用了溢出属性，以便包含/隐藏其中的元素/文本.

演示: http://jsfiddle.net/skram/yMcXm/7/

I am computing elements width on page load with jq and works fine , trying to automate on window resize but kinda does not work. Desired effect: Boxes should auto resize on window resize and not drop down.

http://jsfiddle.net/yMcXm/4/

any help is appreciated . Thank you!

解决方案

Try $(window).resize See below,

$(document).ready(function() {
    var cw = $('#container').width();
    $(".box").width(cw / 5);

    $(window).resize(function() {
        var cw = $('#container').width();
        $(".box").width(cw / 5);
    });
});

Also used overflow property on the container and box_in, so that the elements/text inside are contained/hidden.. instead of going out.

DEMO: http://jsfiddle.net/skram/yMcXm/7/

这篇关于在窗口大小调整jQuery上调整元素宽度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！