jQuery यूआई टैब के साथ, मैं टैब पर क्लिक के बाद कोड कैसे चला सकता हूं?

Question

jQuery UI tabs के साथ, आप जब एक टैब क्लिक किया जाता है कोड को चलाने के लिए विधि चयन विकल्प का उपयोग कर सकते हैं:

$(".selector").tabs({ 
    select: function(event, ui) { ... } 
}); 

लेकिन इससे पहले कि बस क्लिक किया टैब लोड किया गया है कोड चलाया जाता है। नए टैब लोड होने के बाद मुझे कोड चलाने की जरूरत है। मैं यह कैसे कर सकता हूँ? पढ़ने के लिए धन्यवाद।

Answer 1

$(".selector").tabs({ 
    load: function(event, ui) { ... } 
}); 

http://jqueryui.com/demos/tabs/

Answer 2

से लगता है कि आप tabsload करने के लिए या tabsshow बाँध सकता है जैसे:

http://jqueryui.com/demos/tabs/#Events

उदाहरण

$('#example').bind('tabsshow', function(event, ui) { ... }); 

Answer 3

एपीआई बदल गया है। यह घटना अब "सक्रिय"/"tasbactivate" है; देखना -----------

नीचे http://api.jqueryui.com/tabs/#event-activate

----- पुराने प्रश्न का उत्तर दें के आधार पर यह tabsshow (नहीं tabsload) घटना है कि वांछित है है ... एक टैब दिखाए जाने पर ईवेंट ट्रिगर होता है।

कोड उदाहरण: (http://jqueryui.com/demos/tabs/ से)

आपूर्ति एक कॉलबैक फ़ंक्शन एक init विकल्प के रूप में शो घटना को संभालने के लिए।

$(".selector").tabs({ 
    show: function(event, ui) { ... } 
}); 

शो ईवेंट से बाध्य करें: टैबशो। आप नियंत्रण या इसी तरह के पर ध्यान केंद्रित सेट करना चाहते हैं

$(".selector").bind("tabsshow", function(event, ui) { 
    ... 
}); 

घटना उपयोगी है।