基于类的单击事件在10行之后不响应-数据表
Class Based Click Event Irresponsive after 10 Rows - Datatables
我有一个这样的表:
<?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来显示数据网格。
现在,我为每一行都有一个Edit按钮,它具有相同的类,但有不同的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行(DataTables的默认显示)来说非常好,之后不会触发单击事件。
我为这件事伤透了脑筋。请帮我指出我的错误。非常感谢。
尝试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);
});
});
根据文件:Attach an event handler function for one or more events to the selected elements
https://api.jquery.com/on/
相关文章:
- electronic BrowserWindow的最小高度和宽度在hide()show()方法之后不起作用
- JQuery hide()在show()之后不起作用,反之亦然
- 基于类的单击事件在10行之后不响应-数据表
- ng模型在$(element).clone()之后不起作用
- Toggle Switch在包含ng model和ng repeat之后不进行切换
- jQuery单击事件在一次之后不会触发
- CKEditor - 插入文本在 setData 之后不起作用
- UI - 手风琴在 empty() 和 append() 之后不起作用
- Ckeditor插件功能在使用setData(“hai”)之后不起作用;
- angular 2中另一个元素的“blur”之后不能“focus”
- Jquery事件在主干呈现中/之后不起作用
- 在页面加载时隐藏空元素,但之后不使用knockout.js
- PHPOx-GetBlock-Javascript在getContent之后不执行
- 某些函数在 .append 之后不起作用
- jquery ajax 在 str.rereplace 之后不起作用
- Javascript for CActiveForm 在 renderPartial 之后不可用
- AJAX GET 请求内容不响应 jQuery
- angularJS范围在HTTP get之后不会更新
- jQuery 不响应无线电检查
- 这很难简明扼要地说.但是我的 if/else javascript 有问题.“如果”在“其他”发生之后不会发生