Jquery 如何根据屏幕宽度水平画一条线

我有一个可以画水平线的jquery代码。但我的问题是没有预定义的线。这是我的代码

function loadbar()
{

    var screensize = 30;
    var myarr = Array(screensize).join(("400").concat(","));


    var values = ["800","800"];


    for (var i in values ) {

        var val = values [i];
        var width = 2;
        var gap = 2;

        $('#container').append(
            $('<div />').addClass('bar').css({
                width: width
            ,   height: val
            ,   left: (width + gap) * i + gap
            })
        );
    }
}

函数加载条（）
{
var屏幕大小=30；
var myarr=数组（屏幕大小）.join（（“400”）.concat（“，”）；
var值=[“800”，“800”]；
用于（值中的var i）{
var val=值[i]；
var宽度=2；
var-gap=2；
$（“#容器”）。追加(
$（''）.addClass（'bar'）.css({
宽度：宽度
，身高：val
，左：（宽度+间隙）*i+间隙
})
);
}
}

没有行数的值。比如说800是高度，我有2行。但是我需要更多的行。如果我的屏幕宽度是1024，我需要画1024行。为此，我简单地定义了一个screensize变量，myarr没有生成次数

但是当我使用myarr而不是for循环中的值时，它不会显示任何内容。你们能告诉我问题出在哪里吗

---

谢谢

我认为您的代码的问题在于您正在为myarr分配字符串，请尝试下面的代码，并检查它是否适用于您的目的

 function loadbar()
    {

        var screensize = $(window).width();
        var myarr = Array(screensize).join($(window).height() + ",").split(",")

        for (var i in myarr) {
            var val = parseInt(i)
            var width = 2;
            var gap = 2;

            $('#container').append(
            $('<div />').addClass('bar').css({
                width: width,
                height: val,
                left: (width + gap) * i + gap
            }));
        }
    }

函数加载条（）
{
var screensize=$（window.width（）；
var myarr=Array（screensize）.join（$（窗口）.height（）+“，”）.split（“，”）
用于（myarr中的var i）{
var val=parseInt（i）
var宽度=2；
var-gap=2；
$（“#容器”）。追加(
$（''）.addClass（'bar'）.css({
宽度：宽度，
身高:val,，
左：（宽度+间隙）*i+间隙
}));
}
}

您是否检查了

myarr

的值？它看起来像：

400400400400400400400400400400400400400400400400400400400400400，

也许这个答案会对你有所帮助