Friday 28 March 2014

jQuery Callback Functions


मौजूदा animation 100% खत्म होने पर ही callback function execute होगा

jQuery Callback Functions

मौजूदा animation ( या effect) के 100% खत्म होने पर ही callback function execute होगा।
JavaScript statements लाइन दर लाइन execute होते हैं। फ़िर भी, animations के साथ, the next line of code की अगली लाइन तब भी run  हो सकती है जबकि animation खत्म ना हुआ हो। इस कारण errors उत्पन्न होते है।
इससे बचने के लिए,  आप एक callback function का निर्माण कर सकते हैं। callback function animation के खत्म होने के बाद तक call नही किया जायेगा।

jQuery Callback Example

Typical syntax: $(selector).hide(speed,callback)
callback parameter एक function है जो  hide effect के complete होने के बाद execute होगा :

Example with Callback

$("p").hide(1000,function(){
  alert("The paragraph is now hidden");
});
callback parameter के बिना, alert box  hide effect के complete होने से पहले ही दिखाई देने लगेगा:

Example without Callback

$("p").hide(1000);
alert("The paragraph is now hidden");
 

0 comments:

Post a Comment