गतिशील रूप से जोड़े गए सामग्री के लिए jQueryui बटन जोड़ना

Question

मेरे पास उन आइटम्स की एक सूची है जिनमें उनके साथ जुड़े कुछ jQueryUI बटन हैं। एक कार्रवाई के बाद (एक आइटम को हटाने) मैं AJAX के माध्यम से सूची को फिर से लोड करना चाहता हूँ।

केवल समस्या तब होती है जब मैं ऐसा करता हूं तो JQueryUI बटन अब मानक मार्कअप नहीं दिखाते हैं।

मुझे पता है कि मैं गतिशील रूप से क्लिक हैंडलर आदि जोड़ने के लिए jQuery.live() का उपयोग कर सकता हूं, लेकिन मैं उन्हें jQueryUI button() कैसे लागू करूं?

Answer 1

आप ajax के माध्यम से फिर से लोड करते हैं, कि context में फोन .button() (या जो भी संस्करण आप उपयोग कर रहे), इस तरह:

$.ajax({ 
    //other options.. 
    success: function(data) { 
    //insert elements 
    $(".button", data).button(); 
    } 
}); 

यह पर पर (अन्य पहले से ही पेज/डीओएम कहीं और नहीं) class="button" के साथ .button() चलाएगा।

आप वास्तव में .live() या कि यहाँ, कि घटना उत्साह से भरा हुआ पर निर्भर करता है की तरह कुछ भी उपयोग नहीं कर सकते हैं, वास्तव में कुछ भी नहीं जोड़ने/तत्वों को दूर करने के साथ क्या करना ... जब यह प्लग इन आप के खिलाफ फिर से उन्हें अमल करने की जरूरत है की जरूरत की बात आती है आपके द्वारा जोड़े गए नए तत्व।

$(".button").livequery(function() { 
    $(this).button(); 
}); 

जैसा कि मैंने हालांकि कहा, यह नहीं दुनिया में सबसे कुशल बात है, क्योंकि यह वास्तव में विभिन्न में परिवर्तन के लिए डोम पर नज़र रखता है है: या, कम कुशल लेकिन अधिक सामान्य दृष्टिकोण .livequery() plugin, इस तरह इस्तेमाल किया होगा तरीके।

Answer 2

आप फिर से बाध्य कर सकते हैं के साथ ईवेंट हैंडलर:

$("#mybutton").unbind().click(function(){ ..do..something... });