अगले फ़ंक्शन ट्रिगर होने से पहले लोड करने के लिए iframe के लिए प्रतीक्षा करें?

Question

सबसे पहले: मुझे पता है कि यदि संभव हो तो चीजों को असीमित रूप से चलाया जाना चाहिए।

अनिवार्य रूप से यह एक iframe के रूप में वर्तमान पृष्ठ लोड:

मैं एक समारोह कहा जाता है, चादर की है। लिंक पर क्लिक किए जाने पर भी जावास्क्रिप्ट को चलाने के लिए मुझे इसकी आवश्यकता है।

function wrap(){ 
    event.preventDefault(); 
    var pathname = window.location.pathname; 
    $('body').html('<iframe id="wrapper" src="'+ pathname +'" >') 
    $('iframe').load(function(){ 
      //this is where the magic outght to happen 
    }); 
} 

जब रैप चलाया जाता है, तो मैं आईफ्रेम की सामग्री में हेरफेर करना शुरू करना चाहता हूं। ऐप की संरचना के लिए, मुझे इसे रैप-फ़ंक्शन के ouside से या पैरामीटर के साथ लपेटने वाले पैरामीटर के साथ करना होगा। मैं इसे क्रियाओं की एक श्रृंखला के साथ करता हूं जो एनिमेशन निष्पादित करता है, ध्वनि बजाता है। (सामग्री जो समय लेती है और क्रमशः निष्पादित भी की जानी चाहिए)। यह वही है जो मैं आदर्श रूप से ऐसा दिखाना पसंद करूंगा।

wrap(); 
highlight('#one'); 
highlight('#two'); 

Answer 1

jQuery आईफ़्रेम पर तैयार फ़ंक्शन का उपयोग कर सकता है, जैसा कि दस्तावेज़ के साथ ही हो सकता है। इसे अपने हाइलाइट फ़ंक्शन के अंदर रखें, और iframe लोड होने के बाद यह चलाएगा।

$("iframe").ready(function(){ 
    // do something once the iframe is loaded 
}); 

Answer 2

आप एक समारोह बना सकते हैं:

function iframeready() { 
    // code after iframe is loaded 
} 

और iframe लोड घटना की एक कॉलबैक के रूप में इस समारोह भेजेंगे, ताकि इस तरह से अपने कोड निष्पादित होगा के बाद आइफ्रेम