< td >タグでjQueryの.click関数が機能していませんか？

Question

私はJavascriptとjQueryを使ってテーブルを作成しています。テーブルの最初の行のtdをクリックすると、その列の残りのtdがドロップされるようにします。私のコードを見せて説明しよう。ここに私のJavascriptです：

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のは、TDの.row0で、あなたの場合を除き、隠されているように、私はそれをしたい

<td class="rowh columni"> 

をこれは基本的にTD年代を作成し、各tdが、この形式に似ています.row0 .columniのtdをクリックすると、.columniのすべてのtdが表示されます。パラメータ「高さ」は、配列jsutあり、例えば、それは

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

することができ、それはそれらの単語を使用してテーブルを作成し、headerOne及びheaderTwoが最初の行になり、someTdとanotherTdはであろう2行目。今

、私はそう

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

のようにクリック機能を追加し、そう

$(document).ready(function() { 

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

とき、私には何もしないように私のdocument.ready機能でそれを呼び出すようにしてみてくださいtdをクリックします。どうして？

Answer 1

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

DOMが作成された後、あなたが要素を作成しているので。動的に作成された正確な要素を取得するには、「オン」セレクタを使用します。 URLから

：

$("#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

私はこれが好きです.-

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