Блог

Я просматривал этот код, который я пишу снова и снова, но, похоже, не могу найти, в чем проблема. То, что я пытаюсь сделать, это иметь скользящую панель, которая появляется на экране, например, индикатор здоровья / маны. Вот функция, которую я использую для создания панели:

 function makeBar(max,color,place){
    b=new Object();
    len=bar.length;
    bar.push(b);
    b.index=len;
    b.place=place;
    b.color=color;
    b.max=max;
    b.val=max;
    b.print=function(){
        this.place.innerHTML ="<div id='bar" this.index "' style='display:inline-block;text-align:center;height:40px;width:200px;border:3px outset black;'><div id='subBar" this.index "' style='font-size:20pt;height:34px;width:1px;background:" this.color ";border:3px outset " this.color ";'></div></div>";
        this.container=document.getElementById('bar' this.index);
        this.content=document.getElementById('subBar' this.index);
    }
    b.refresh=function(){
        this.content.style.width=(this.val/this.max)*194 "px";
    }
    b.print();
}
  

Таким образом, он создает и «печатает» панель идеально.
Но когда я пытаюсь использовать

 bar[0].refresh();
  

Он ничего не делает, если только bar [0] не является единственным баром.
По сути, только последний созданный бар может успешно использовать свой собственный метод refresh().
Кто-нибудь может мне помочь?
Спасибо every1

Есть ли функция обновления объекта B? Вы можете попробовать создать «b» в качестве глобальной переменной вместо того, чтобы использовать ее локально.

т.е.

  var b;
function makeBar(max,color,place){
 b=new Object();
 len=bar.length;
 //bar.push(b);  don't push here
 b.index=len;
 b.place=place;
 b.color=color;
 b.max=max;
 b.val=max;
 b.print=function(){
    this.place.innerHTML ="<div id='bar" this.index "' style='display:inline-block;text-align:center;height:40px;width:200px;border:3px outset black;'><div id='subBar" this.index "' style='font-size:20pt;height:34px;width:1px;background:" this.color ";border:3px outset " this.color ";'></div></div>";
    this.container=document.getElementById('bar' this.index);
    this.content=document.getElementById('subBar' this.index);
}
b.refresh=function(){
    this.content.style.width=(this.val/this.max)*194 "px";
}
b.print();
}
  

Если вы хотите использовать один экземпляр объекта b, то не используйте array. Звоните b.refresh() напрямую.