Question

我正在处理查询结果，并且我试图为每个结果设置一个点击功能，这个结果可能会根据可以按需执行的查询而有所不同，并且每个结果都在div中设置。我使用委托函数将click函数添加到每个div。但这只适用于前两个div。有任何想法吗？我错过了什么？

这是委托代码

$("#preventivos_programados")
        .delegate("div.renglon","click",function(){
            a = $(this).html();
            res = a.split("<br>");
            console.log(res[0] + " " + res[1] + " " + res[2]);
});

这就是父div的样子，这个div将保存所有正在创建的div。

<div id="preventivos_programados"></div>

最后，这是查询更新后div的样子。

<div id="preventivos_programados">
      <div class="renglon sem_amarillo">33<br>2,999<br>13-March-2014</div>
      <div class="renglon sem_verde">30<br>3,001<br>14-March-2014</div>
      <div class="renglon sem_verde">40<br>346,405<br>20-March-2014</div>
      <div class="renglon sem_verde">65<br>1,171,268<br>20-March-2014</div>
      <div class="renglon sem_verde">38<br>1,944,236<br>28-March-2014</div>
      <div class="renglon sem_verde">104<br>418,764<br>30-March-2014</div>
      <div class="renglon sem_verde">36<br>476,700<br>05-April-2014</div>
</div>

Answer 1

尝试

$(document)
    .on("click","div.renglon",function(){
        a = $(this).html();
        res = a.split("<br>");
        console.log(res[0] + " " + res[1] + " " + res[2]);
});

Answer 2

这是工作的。

$("#preventivos_programados")
        .on("click", "div.renglon", function(){
            a = $(this).html();
            res = a.split("<br>");
            console.log(res[0] + " " + res[1] + " " + res[2]);
});

Fiddle Demo

代表仅适用于前2个div

2 个答案: