jquery div पर क्लिक करें

Question

मेरे पास एक साधारण सवाल है। निम्नलिखित कोड सभी टैग के लिए काम करता है:

$('*').click(function(e) { 
    alert(1); 
}); 

लेकिन, जब मैं आईडी "सामग्री" के साथ div के लिए इस कोड का प्रयास करें:

$('#content').click(function(e) { 
    alert(1); 
}); 

क्या मैं गलत कर रहा हूँ?

Answer 1

यकीन है कि यह एक दस्तावेज तैयार tagAlternatively के भीतर है बनाओ, का उपयोग करके देखें .live

$(document).ready(function(){ 

    $('#content').live('click', function(e) { 
     alert(1); 
    }); 
}); 

उदाहरण:

$(document).ready(function() { 
 
    $('#content').click(function(e) { 
 
     alert(1); 
 
    }); 
 
});

#content { 
 
    padding: 20px; 
 
    background: blue; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
 
<div id="content">Hello world</div>

jQuery 1.7, .live के रूप में () विधि बहिष्कृत है। ईवेंट हैंडलर संलग्न करने के लिए .on() का उपयोग करें।

$('#content').on("click", function() { 
    alert(1); 
}); 

Answer 2

यह fiddle देखें ... आप इसे सही तरीके से कर रहे हैं। सुनिश्चित करें कि आईडी सामग्री है और यह भी देखने के लिए जांचें कि एक ही आईडी के साथ कोई अन्य तत्व नहीं है। यदि एक ही आईडी के साथ कई तत्व हैं, तो यह पहले व्यक्ति से जुड़ जाएगा। यही कारण है कि आप इसे नहीं देख रहे हैं।

Answer 3

कुछ भी नहीं।

$('#content').click(function(e) { 
    alert(1); 
}); 

content को आईडी सेट के साथ एक मौजूदा HTML तत्व के लिए बाध्य होगा, और क्लिक पर एक संदेश बॉक्स दिखाई देगा।

• सुनिश्चित करें कि #content कि कोड का उपयोग कर आईडी अद्वितीय
• किसी भी त्रुटि या मुद्दों

Answer 4

के लिए अपने Javascript कंसोल चेक है

कि मई आईडी के साथ div = "से पहले मौजूद है सामग्री "इस घटना को संलग्न होने पर नहीं बनाया जा सकता है? आप लाइव() jquery विधि आज़मा सकते हैं।

वरना वहाँ एक ही आईडी के साथ कई divs हो सकता है या आप बस कोड वर्तनी यह गलत है, यह होता है ...

Answer 5

लपेटें $(document).ready() विधि या $() में।

$(function(){ 

$('#content').click(function(e) { 
    alert(1); 
}); 

});