लाइव के साथ टॉगल ईवेंट का उपयोग कैसे करें?

Question

मैं निम्नलिखित कोड

$(".reply").toggle 
(
    function() 
    { 
     x1(); 
    }, 
    function() 
    { 
     x2(); 
    } 
); 

मैं live उपयोग करने की आवश्यकता है, तो नए तत्व भी बाध्य किया जाएगा है। क्या ऐसा करने के लिए कुछ वाक्यविन्यास है? या मुझे ईवेंट पर toggle लागू करने की आवश्यकता होगी?

मैं jQuery 1.4.2 का उपयोग कर रहा हूं।

Answer 1

बस fehay के जवाब संशोधित इतना है कि यह jQuery पर निर्भर नहीं करता toggle() दौरान डुप्लिकेट ईवेंट हैंडलर्स संलग्न नहीं

$(".reply").live('click', function() { 
    var toggled = $(this).data('toggled'); 
    $(this).data('toggled', !toggled); 
    if (!toggled) { 
     x1(); 
    } 
    else { 
     x2(); 
    } 
}); 

इसके अलावा, बस ध्यान रखें कि जितना संभव हो, क्योंकि जिस तरह से विशिष्ट होना live के लिए चयनकर्ताओं घटना प्रतिनिधिमंडल काम करता है। दस्तावेज़ पर हर बार कुछ क्लिक होने पर, jQuery को पेड़ की जांच पर चढ़ना पड़ता है यदि तत्व चयनकर्ता से मेल खाता है। इसी कारण से, .delegate() अधिक प्रदर्शनकारी है क्योंकि आप कैप्चर एरिया को सीमित कर सकते हैं।

Answer 2

लाइव jquery 1.4 में कस्टम ईवेंट का समर्थन करता है। आप कुछ इस तरह की कोशिश कर सकते:

$(function() { 
    $(".reply").live("customToggle", function() { 
     $(this).toggle(
      function() { 
       x1(); 
      }, 
      function() { 
       x2(); 
      } 
     ); 
    }); 

    $(".reply").live('click', function() { 
     $(this).trigger('customToggle'); 
    }); 
}); 

यह एक कस्टम घटना के बिना ठीक से काम करने के लिए प्रकट होता है:

$(".reply").live('click', function() { 
    $(this).toggle(
      function() { 
       x1(); 
      }, 
      function() { 
       x2(); 
      } 
     ); 
    $(this).trigger('click'); 
});