応答後に表のセルにダブルクリックハンドラを追加する

Question

テーブルがサーブレットから「ダウンロード」され、javascriptによって「挿入された」後にダブルクリックイベントハンドラをテーブルセルに追加したいとします。 マップデータのiniテーブルへのXMLレスポンスを反復するjavascriptサイクルがあります。セルは、私がそのセルの機能を追加したい

<td class='red' ></td> 

ことができると言った、私はいくつかの解決策を試してみたが、どれもworks.Oneは次のとおりです。

$(".red").on("dblclick",myfunction); 

ヘルプ？

更新：テンプレート少しtd変更を印刷するとき

： 表のコンストラクタはofter応答

function handleResponse(responseXML) { 
    var i; 
    var x=responseXML.getElementsByTagName("row"); 
    var out="<table><tr><th >Description</th><th >State</th><th>Note</th></tr>"; 
    for(i=0;i<x.length;i++){ 
     out+="<tr>"; 
    var Description = x[i].getElementsByTagName("Description")[0].childNodes[0].nodeValue; 
    var State = x[i].getElementsByTagName("State")[0].childNodes[0].nodeValue; 
    var note = x[i].getElementsByTagName("Note")[0].childNodes[0]; 
    var note_text=" "; 
    if (!(typeof note === "undefined") && !(note=='null')) { 
     note_text=note.nodeValue; 
    } 
    out += "<td>"+Description+ "</td>"; 
    if(State==0) 
     out+="<td class='white' ></td>"; 
    else if(State==1) 
     out+="<td class='red' ></td>"; 
    else if(State==2) 
     out+="<td class='yellow' ></td>"; 
    else if(State==3) 
     out+="<td class='green' ></td>"; 

    out+="<td>" + note_text + "</td></tr>"; 
    } 
    var output = document.getElementById("mytable"); 
    out+="</table>"; 
    $().on("click",".red",update()); //here is the point 
    output.innerHTML=out; 
} 

Answer 1

アップデート受信：あなたのコメントに基づいて

をあなたはこれを試すことができます：

out+="<td class='red' ondblclick='openModal()'></td>"; 

そして、あなたのjsファイルにこのようなものを追加してください。

$(document).ready(function() { 
    function openModal() { 
     alert("Double clicked."); 
     // Or call your other function here... 
    }; 
}); 

あなたはまた、いくつかの方法でそれを行うことができ、ここで確認してください：http://www.w3schools.com/jsref/event_ondblclick.asp