Jquery के साथ एक संलग्न तत्व को कैसे निकालें और बाध्य या लाइव क्यों तत्वों को दोहराते हैं

Question

अब मुझे पता है कि इस मूल प्रश्न से पहले पूछा गया है, लेकिन मुझे कुछ गलत करना होगा। मुझे पता है कि इससे पहले कि मैं इसमें कुछ भी कर सकूं, एक संलग्न तत्व को बांधना चाहिए। हालांकि, कोशिश करें कि मैं इसे काम पर नहीं ला सकता हूं।

मैं एक संदेश में खींच रहा हूं और जब लोग रेडियो चयन पर क्लिक करते हैं तो प्रदर्शित होते हैं। जब भी मैं नए तत्व को बांधने की कोशिश करता हूं, तो यह अजीब तरीके से ढेर होता है। यह तत्वों को ढेर करना शुरू कर देगा। उदाहरण- [1 क्लिक करें] संदेश 1, [क्लिक 2] संदेश 1 और 2 और इसी तरह।

मैंने इसे बांधने के विभिन्न तरीकों के पूरे समूह की कोशिश की है। मेरी आशा थी कि हटा # फीडबैक को पट्टी कर देगा और फिर अगला संदेश बनायेगा और बाध्य करेगा। मुझे कुछ गलत करना होगा। मुझे पता है कि यह अन्य पदों के समान ही है, लेकिन मैं उन सभी के माध्यम से चला गया और मदद करने के लिए पर्याप्त स्पष्ट उत्तर नहीं मिला। पहले ही, आपका बहुत धन्यवाद।

एचटीएमएल

<div class="answers"> 
    <ul> 
     <li> 
      <input id="answer" type="radio" onclick="feedback('THE MESSAGE HTML')"><label>Label</label> 
     </li> 
    </ul> 
</div> 

जावास्क्रिप्ट:

function feedback(message) 
{ 
    $('#answer').live('click', function() 
    { 
     $('#feedback').remove(); 
    }); 

    $('#answer').live('click', function() 
    { 
     $('.answers').append('<div id="feedback">'+message+'</div>'); 
    }); 
}; 

Answer 1

यदि मैं आपके प्रश्न को सही ढंग से समझता हूं, तो मैंने fiddle बनाया है जो यह सही तरीके से काम कर रहा है। यह मुद्दा यह है कि आप ईवेंट हैंडलर को कैसे असाइन कर रहे हैं और जैसा कि अन्य ने कहा है कि आप ईवेंट हैंडलर पर सवारी कर रहे हैं। वर्तमान jQuery सर्वोत्तम अभ्यास ईवेंट हैंडलर पंजीकृत करने के लिए on() का उपयोग करना है। यहाँ on के बारे में jQuery डॉक्स के लिए एक लिंक है: link

आपका मूल समाधान बहुत करीब था, लेकिन जिस तरह से आप ईवेंट हैंडलर्स जोड़ा थोड़ा भ्रामक है। एचटीएमएल तत्वों में घटनाओं को जोड़ने के लिए इसे सबसे अच्छा अभ्यास माना जाता है। मैं Unobstrusive जावास्क्रिप्ट पर पढ़ने की सलाह देते हैं।

यहां जावास्क्रिप्ट कोड है। मैंने एक काउंटर वैरिएबल जोड़ा ताकि आप देख सकें कि यह सही तरीके से काम कर रहा है।

$('#answer').on('click', function() { 
    feedback('hey there'); 
}); 

var counter = 0; 

function feedback(message) { 

    $('#feedback').remove(); 

    $('.answers').append('<div id="feedback">' + message + ' ' + counter + '</div>'); 

    counter++;  
} 

Answer 2

live समारोह एक क्लिक करें घटना हैंडलर पंजीकृत किया गया है। जब भी आप ऑब्जेक्ट पर क्लिक करेंगे तो यह ऐसा करेगा। तो यदि आप इसे दो बार क्लिक करते हैं, तो आप ऑब्जेक्ट पर दो क्लिक हैंडलर असाइन कर रहे हैं। आप यहां एक क्लिक हैंडलर बताए जा रहे हैं:

onclick="feedback('the message html')"; 

और फिर उस क्लिक के हैंडलर live() के माध्यम से एक और क्लिक हैंडलर बताए है।

सच क्या मुझे लगता है कि आप क्या करना चाहते है:

function feedback(message) 
{ 
    $('#feedback').remove(); 

    $('.answers').append('<div id="feedback">'+message+'</div>'); 
} 

---

ठीक है, अपनी टिप्पणी प्रति, <a> तत्व की onclick हिस्सा बाहर ले और इसके बजाय, एक document.ready() हैंडलर में इस डाल कोशिश ।

$('#answer').live('click',function(){ 
        $('#feedback').remove(); 
        $('.answers').append('<div id="feedback">'+message+'</div>'); 
       }); 

Answer 3

.. आप पृष्ठ पर एकाधिक रेडियो बटन है

क्योंकि क्या मैं देख रहा हूँ कि आप पृष्ठ पर सभी रेडियो बटन के लिए घटनाओं बताए जाते हैं जब आप एक रेडियो बटन पर क्लिक करें है

Answer 4

मैं की तरह कुछ करना होगा:

$(documento).on('click', '#answer', function() { 
    feedback('hey there'); 
});