为什么我必须重新加载页面才能让javascript正常工作？

出于某种原因，我必须重新加载页面才能让javascript正常工作，否则它会跳入一个

if

语句，从而阻止它运行

问题发生在//创建Div Posts js应该将ifif（elem.width==0）视为false，并跳转到

else

语句。 它会在重新加载页面时执行此操作

我已经检查了-

if

语句在第一次加载时检查的元素确实附加了正确的图像文件，所以为什么它认为它的宽度==0，直到重新加载我才明白

function postCreate(){

    // Image Array
    for (var i = 0; i < imgcount; i++) {
        imgArray[i] = new Image();
        imgArray[i].src = 'images/posters/ps' + i + '.jpg';
    }
    imgArray.reverse();
    // Magic Section
    postDel(function(){
        div = document.createElement('div');
        for (var i = 0; i < (imgscreen - 1); i++){
            // Image
            var elem = document.createElement("img");
            console.log(elem);
            elem = imgArray[i + imggrow]

            //Text
            var posttxt = [
                "type: " + genre[1] +"<br>title: vægge af beton<br>director: nicolai haugaard<br>role: sound designer & sound recordist", 
                "type: webseries<br>title: flush<br>director: anna nørskov<br>role: sound designer",
                "type: shortfilm<br>title: clay<br>director: leonard rääf<br>role: sound designer",
                "type: feature film<br>title: en rapport om festen og gæsterne<br>director: søren peter langkjær<br>role: sound designer",
                "type: shortfilm<br>title: sigøjnerjagt<br>director: mikkel andreas smidt<br>role: rerecording mixer",
                "type: feature film<br>title: den tid på året<br>director: paprika steen<br>role: sound design doing internship at nordisk film",
                "type: feature film<br>title: ternet ninja<br>director: anders matthesen<br>role: sound design doing internship at nordisk film",
                "type: feature film<br>title: før frosten<br>director: michael noer<br>role: dialog edit doing internship at nordisk film",
                "type: feature film<br>title: far til fire i solen<br>director: Martin Miehe-Renard<br>role: sound design doing internship at nordisk film",
                "type: feature film<br>title: lykke-per<br>director: Bille August<br>role: sound design doing internship at nordisk film",
                "type: shortfilm<br>title: hvad hvis alle farver var blå<br>director: hannah elbke<br>role: sound designer",
                "type: shortfilm<br>title: why woman<br>director: sebastian bjerregaard<br>role: sound designer",
                "type: shortfilm<br>title: soler sig<br>director: sigurd bleken<br>role: sound designer",
                "type: shortfilm<br>title: slushice<br>director: søren grinderslev<br>role: sound designer",
                "type: shortfilm<br>title: kong vincent<br>director: mikkel smidt<br>role: sound designer & sound recordist",
                "type: shortfilm<br>title: guldalder<br>director: mikkel smidt<br>role: sound designer"
            ]
            //Create Div Posts
            if(elem.width == 0){
                return null;
            } else {
                imgcurrent = i + imggrow + 1;
                // div
                clone = div.cloneNode();
                clone.setAttribute("class", "poster-img");
                clone.setAttribute("id", "postnr" + i)
                posterList.appendChild(clone);
                // <p> element
                var elemtxt = document.createElement('p');
                elemtxt.innerHTML = posttxt[i + imggrow];
                elemtxt.setAttribute("class", "postinfo");

                elemId = document.getElementById("postnr" + i); 
                elemId.appendChild(elem);
                elemId.appendChild(elemtxt);
                // Animation
                elem.animate([
                    { opacity: 0 }, 
                    { opacity: 1 }
                ], 
                    { duration: 1000, }
                );
            }
        }
    });
}

//-------- Delete Previous Divs ---------------//
  function postDel(_callback){
    posterList.querySelectorAll('*').forEach(n => n.remove());
    _callback();
  }

函数后创建（）{
//图像阵列
对于（变量i=0；i标题：vægge af beton
导演：nicolai haugaard
角色：声音设计师和录音师”，
“类型：webseries
标题：flush
导演：anna nørskov
角色：声音设计师”，
“类型：短片
标题：clay
导演：leonard räf
角色：声音设计师”，
“类型：故事片
片名：en report om festen og gæsterne
导演：søren peter langkjær
角色：声音设计师”，
“类型：短片
标题：sigøjnerjagt
导演：mikkel andreas smidt
角色：重新录制混音器”，
“类型：故事片
片名：den tid pååret
导演：辣椒酱
角色：声音设计在nordisk film实习”，
“类型：故事片
片名：ternet ninja
导演：anders matthesen
角色：声音设计在nordisk film实习”，
“类型：故事片
片名：før frosten
导演：michael noer
角色：对话编辑在nordisk film实习”，
“类型：故事片
片名：far til fire i solen
导演：Martin Miehe Renard
角色：声音设计在诺德电影公司实习”，
“类型：故事片
片名：lykke per
导演：Bille August
角色：在nordisk film实习的声音设计”，
“类型：短片
标题：hvad hvis alle farver var blå
导演：hannah elbke
角色：声音设计师”，
“类型：短片
标题：为什么是女人
导演：塞巴斯蒂安·比耶雷加德
角色：声音设计师”，
“类型：短片
标题：soler sig
导演：sigurd bleken
角色：声音设计师”，
“类型：短片
标题：slushice
导演：瑟伦·格林德斯莱夫
角色：声音设计师”，
“类型：短片
标题：孔文森特
导演：米克尔·斯密特
角色：声音设计师兼录音师”，
“类型：短片
标题：古尔德
导演：米克尔·斯密特
角色：声音设计师”
]
//创建部门职位
如果（元素宽度==0）{
返回null；
}否则{
imgcurrent=i+imggrow+1；
//div
clone=div.cloneNode（）；
setAttribute（“类”、“海报img”）；
clone.setAttribute（“id”、“postnr”+i）
posterList.appendChild（克隆）；
//元素
var elemtxt=document.createElement（'p'）；
elemtxt.innerHTML=posttxt[i+imggrow]；
setAttribute（“类”、“postinfo”）；
elemId=document.getElementById（“postnr”+i）；
elemId.appendChild（elem）；
elemId.appendChild（elemtxt）；
//动画
动画元素([
{不透明度：0}，
{不透明度：1}
], 
{持续时间：1000，}
);
}
}
});
}
//--------删除以前的div---------------//
函数postDel（_回调）{
posterList.querySelectorAll（'*'）.forEach（n=>n.remove（））；
_回调（）；
}

我认为

img

标签的宽度，如果不强制，将在加载图像时设置其尺寸。也就是说，你可能想先听听每个

img

元素的

onLoad

方法，然后才能对它做任何事情，你能详细说明一下吗？在代码中，我应该在哪里为每个

img

执行

onLoad

函数？比如在实例化

Image（）

后，可以将事件侦听器onLoad附加到它。我认为

img

标记的宽度，如果不强制，将在加载图像时设置其尺寸。也就是说，你可能想先听听每个

img

元素的

onLoad

方法，然后才能对它做任何事情，你能详细说明一下吗？在代码中，我应该在哪里为每个

img

执行

onLoad

函数？比如在实例化

Image（）

后，可以将事件侦听器onLoad附加到它。