Javascript 如何正确调用函数两次。我没有得到所需的输出

Javascript 如何正确调用函数两次。我没有得到所需的输出,javascript,html,jquery,css,Javascript,Html,Jquery,Css,我有一个函数,它根据它的参数画线。因此,当我运行第一个函数调用的程序时,我得到了所需的输出。但是当我再次调用该函数时,我没有得到第一个函数调用的线。相反,我得到了第二个函数调用的线。请帮助我解决这个问题 函数绘制垂直线(宽度、高度、线颜色、xpos、YPO){ $('.line').css({ “宽度”:宽度, “高度”:高度, “背景色”:线条颜色, “左”:XPO, “底部”:YPO, “位置”:“绝对” }); } 画垂直线(10500,ťd35',50100)//这行没有显示 画垂直线

我有一个函数,它根据它的参数画线。因此,当我运行第一个函数调用的程序时,我得到了所需的输出。但是当我再次调用该函数时,我没有得到第一个函数调用的线。相反,我得到了第二个函数调用的线。请帮助我解决这个问题

函数绘制垂直线(宽度、高度、线颜色、xpos、YPO){
$('.line').css({
“宽度”:宽度,
“高度”:高度,
“背景色”:线条颜色,
“左”:XPO,
“底部”:YPO,
“位置”:“绝对”
});
}
画垂直线(10500,ťd35',50100)//这行没有显示
画垂直线(10300,ťD35',300200)//此行显示

我希望我能有所帮助

函数绘制垂直线(id、宽度、高度、线颜色、xpos、YPO){
$('#'+id).css({
“宽度”:宽度,
“高度”:高度,
“背景色”:线条颜色,
“左”:XPO,
“底部”:YPO,
“位置”:“绝对”
});
}
画垂直线('line1',10500','357d35',50100);
画垂直线('line2',10300','357d35',300200)

我希望我能有所帮助

函数绘制垂直线(id、宽度、高度、线颜色、xpos、YPO){
$('#'+id).css({
“宽度”:宽度,
“高度”:高度,
“背景色”:线条颜色,
“左”:XPO,
“底部”:YPO,
“位置”:“绝对”
});
}
画垂直线('line1',10500','357d35',50100);
画垂直线('line2',10300','357d35',300200)

问题是,
$(“.line”)
始终会移动同一行,因此移动一次,然后再次移动只会显示第二次移动

要为每个通话添加新行,可以使用

var div = $("<div>");
div.css({...});
$("body").append(div);
var div=$(“”);
div.css({…});
$(“正文”)。追加(div);
(或者使用您正在使用的任何东西作为行的“容器”,这在问题中没有提供,所以在这里使用body)

或者,要保存变量并利用jquery的链接,可以使用:

$("<div>").css({...}).appendTo("body"); 
$(“”).css({…}).appendTo(“body”);
更新的代码段:

函数绘制垂直线(宽度、高度、线颜色、xpos、YPO){
$(“”).css({
“宽度”:宽度,
“高度”:高度,
“背景色”:线条颜色,
“左”:XPO,
“底部”:YPO,
“位置”:“绝对”
}).附于(“主体”);
}
画垂直线(10500,ťd35',50100);
画垂直线(10300,ťD35',300120)
问题在于,
$(“.line”)
将始终移动同一行,因此移动它一次,然后再次移动它将只显示第二次移动

要为每个通话添加新行,可以使用

var div = $("<div>");
div.css({...});
$("body").append(div);
var div=$(“”);
div.css({…});
$(“正文”)。追加(div);
(或者使用您正在使用的任何东西作为行的“容器”,这在问题中没有提供,所以在这里使用body)

或者,要保存变量并利用jquery的链接,可以使用:

$("<div>").css({...}).appendTo("body"); 
$(“”).css({…}).appendTo(“body”);
更新的代码段:

函数绘制垂直线(宽度、高度、线颜色、xpos、YPO){
$(“”).css({
“宽度”:宽度,
“高度”:高度,
“背景色”:线条颜色,
“左”:XPO,
“底部”:YPO,
“位置”:“绝对”
}).附于(“主体”);
}
画垂直线(10500,ťd35',50100);
画垂直线(10300,ťD35',300120)

您正在同一个元素上设置CSS。因此,第二次
draw\u vertical\u line
调用将覆盖第一次调用。您不是在绘制(添加)一条线,而是每次移动两条线,因此第二次移动将覆盖第一次移动。@freedomn-m我如何添加一条线?您是在同一个元素上设置CSS。因此,第二个
draw\u vertical\u line
调用将覆盖第一个调用。您不是在绘制(添加)一条线,而是每次移动两条线,所以第二步覆盖了第一步。@freedomn-m那我怎么才能加一条线呢?老兄,这非常有用,非常感谢。我还有一个疑问,希望你能回答。如果我想画很多线呢?那我怎么做?有没有简单的方法,或者我需要为它创建多个div?按照当前编写代码的方式,您需要为我更新的每一行创建一个div元素。试试这个优化的解决方案是否对你更方便。老兄,这非常有用,非常感谢。我还有一个疑问,希望你能回答。如果我想画很多线怎么办?那我怎么做?有没有简单的方法,或者我需要为它创建多个div?按照当前编写代码的方式,您需要为我更新的每一行创建一个div元素。如果这种优化的解决方案对您更方便,请尝试。