Javascript and DOM event interaction and possible race conditions -

परिदृश्य: छवियों को लोड करना

1. एक एजेक्स क्वेरी करें
2. दिखाना
3. छवियों को लोड करने के लिए प्रतीक्षा करें
4. लोडिंग स्क्रीन छिपाएं
5. / Li>

मैं निम्नलिखित करने की सोच रहा था:

  फ़ंक्शन एजेक्स कॉलबैक (परिणाम) {/ * डोम कोड * / $ ("। WaitForLoad" में) .each (फ़ंक्शन () {imageLoadingCount ++; $ (this) .load (imageLoaded);}); } Var imageLoadingCount = 0; समारोह imageLoaded () {imageLoadingCount--; अगर (imageLoadingCount == 0) HideLoadingScreen (); }  

मुझे ब्राउज़र डीओएम और जावास्क्रिप्ट के बीच बातचीत का पूरा यकीन नहीं है। क्या छवियों को लोड करने से पहले जावास्क्रिप्ट को समाप्त करने के लिए DOM का इंतजार है? मैं संभावित दौड़ की स्थिति के बारे में चिंतित हूं।

जावास्क्रिप्ट लोडिंग के साथ समानांतर में चलाना चाहिए, फिर से AJAX अनुरोधों के साथ सभी कनेक्शन का उपयोग कर रहे हैं। ब्राउज़र अभी भी सामान्य रूप से कार्य करता है, जबकि जावास्क्रिप्ट चलाता है, जो कि उसके पीछे पहली जगह है।