Question

我有一个可以绘制地平线的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
            })
        );
    }
}

没有行的值.Say 800是高度，我有2行。但是我需要更多行。如果我的屏幕宽度是1024，我需要绘制1024行。为此，我已经简单地定义了一个screenize变量和myarr没有产生任何时间。

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

由于

Answer 1

我认为您的代码存在问题，就是您要为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
            }));
        }
    }

如何根据屏幕宽度水平绘制线条

1 个答案: