我有一个这样的表:
<?php
foreach($cars->result() as $car){
echo '<tr>';
echo '<td id="'.$car->car_id.'_id">'.$car->car_id.'</td>';
echo '<td id="'.$car->car_id.'_nm">'.$car->car_name.'</td>';
echo '<td id="'.$car->car_id.'_ph">'.$car->rate_per_hr.'</td>';
echo '<td id="'.$car->car_id.'_pk">'.$car->rate_per_km.'</td>';
echo '<td id="'.$car->car_id.'_mh">'.$car->min_hrs.'</td>';
echo '<td><a href="#" id="ed_'.$car->car_id.'" class="car_edit"><span class="glyphicon glyphicon-edit"></span></a></td>';
echo '<td><a href="#" id="de_'.$car->car_id.'" class="car_delete"><span class="glyphicon glyphicon-remove"></span></a></td>';
echo '</tr>';
}
?>
我正在使用 DataTables 来显示数据网格。
现在,我的每一行都有一个编辑按钮,它具有相同的类,但具有单独的 ID,如上面的代码所示。基于对类的点击,我提取 ID,然后执行一些 ajax 操作。
为了简单起见,编辑了代码
$('.car_edit').click(function(e){
e.preventDefault();
var id= $(this).attr('id');
var len = id.length;
var row_id = id.substr(3 , len);
console.log(row_id);
});
现在,前 10 行(数据表的默认显示)工作得非常好,之后不再触发点击事件。
我正在思考这个问题。请帮我指出我的错误。 谢谢。
最佳答案
尝试 jquery on()
:
$(function(){
$(document).on('click','.car_edit',function(event){
event.preventDefault();
var id= $(this).attr('id');
var len = id.length;
var row_id = id.substr(3 , len);
console.log(row_id);
});
});
根据文档:将一个或多个事件的事件处理函数附加到所选元素
https://api.jquery.com/on/
关于javascript - 基于类的点击事件在 10 行后无响应 - 数据表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29354432/