jQuery .click फ़ंक्शन < td > टैग पर काम नहीं कर रहा है?

Question

तो मैं जावास्क्रिप्ट और jQuery का उपयोग कर एक टेबल बना रहा हूं, और मुझे यह चाहिए कि जब आप तालिका की पहली पंक्ति पर टीडी पर क्लिक करें, तो उस कॉलम में शेष टीडी ड्रॉप हो जाएंगे। मुझे अपना कोड दिखाकर इसे समझाने की कोशिश करें। यहाँ मेरी जावास्क्रिप्ट है:

function createTr (heights) { //heights is just an array of words 
    for (var h=0; h<heights.length; h++) { 
     var theTr = $("<tr>", { id: "rowNumber" + h}); 
     for (var i=0; i<heights.length-3; i++) { 
      theTr.append($("<td>", { "class": "row"+h + " column"+i, 
            html: heights[h][i] 
            })); 
     } 
     $('#newTable').append(theTr); // append <tr id='rowNumber0'> to the table (#newTable), which is written in the html 
    } 
} 

यह मूलतः टीडी के बनाता है और प्रत्येक टीडी इस प्रारूप

<td class="rowh columni"> 

मैं यह इतना चाहते हैं के समान है कि सभी टीडी के .row0 में है और यदि आप टीडी के लिए छोड़कर छिपे हुए हैं .row0 .columni में td पर क्लिक करें, फिर सभी td में .columni दिखाई देते हैं। पैरामीटर 'ऊंचाइयों' एक सरणी सिर्फ है, उदाहरण के लिए, यह

var heights = [['headerOne', 'headerTwo'], ['someTd', 'anotherTd'],]; 

हो सकता है और यह उन शब्दों की एक तालिका बनाने हैं, headerOne और headerTwo पहली पंक्ति में होगा, someTd और anotherTd में होगा दूसरी कतार।

अब

, जब मैं की तरह मेरे document.ready समारोह में इतना

function animation() { 
    $('td').click(function() { 
     alert('clicked'); 
    }); 
} 

की तरह एक क्लिक समारोह जोड़ने और फिर फोन यह करने की कोशिश तो

$(document).ready(function() { 

    createTr(heights); 
    animation(); 
}); 

यह जब मैं कुछ नहीं करता एक टीडी पर क्लिक करें। कैसे?

Answer 1

http://api.jquery.com/on/

आप तत्वों का निर्माण कर रहे के बाद के बाद डोम बनाया गया है। गतिशील रूप से बनाए गए सटीक तत्व को प्राप्त करने के लिए "चालू" चयनकर्ता का उपयोग करें।

यूआरएल से:

$("#newTable").on("click", "td", function() { 
    alert($(this).text()); 
    }); 

Answer 2

इस तरह का प्रयास करें:

$('body').on('click','td', function() { 
     alert('clicked'); 
    }); 

Answer 3

कोशिश इस

function animation() { 
    $(document).on('click','td',function() { 
    alert('clicked'); 
    }); 
} 

Answer 4

इस कोड को बस ठीक काम करता है:

$(document).ready(function(){ 
    $("td").click(function(){ 
     if(this.title!=""){ 
      alert(this.title); 
     } 
    }); 
}); 

Answer 5

मैं this.-

$("#table tr").click(function(){ 
    console.log(this); 
});