响应后在表格单元格上添加双击处理程序

Question

我想在表格从 servlet“下载”并由 javascript“插入”之后向表格单元格添加双击事件处理程序。 我有一个 javascript 循环，它对映射数据 ini 表的 xml 响应进行迭代。表示一个cell可以

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

我想在那个单元格上添加一个功能，我尝试了几种解决方案，但没有一个可行。一个是：

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

帮助？

更新： 表构造函数收到响应

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

更新：

根据你的 cmets 你可以试试这个：

当你打印td 时，稍微改变一下模板：

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