嗨frds我试图访问我在jquery数据表中给图像的类,但是在浏览器端没有响应。
控制器:
function load_image(){
$this->datatables
->select('image')
->from('details')
->add_column('preview', '<img class="preview" width="100" height="100" src ="assets/Data/adv_images/$1">', 'image');
echo $this->datatables->generate();
}
使用此控制器,我可以在数据表中加载图像。下面的代码是在浏览器上加载数据表。当我点击图像时,屏幕上没有警报拨号框。使用Web控制台我可以看到图像类预览。为什么我无法点击警告框。
$(document).ready(function() {
$('#example').dataTable
({
'bProcessing' : true,
'bServerSide' : true,
'sAjaxSource' : '<?php echo base_url();?>load_image',
'iDisplayStart' : 0,
'fnServerData': function(sSource, aoData, fnCallback , oSettings)
{
$.ajax
({
'dataType': 'json',
'type' : 'POST',
'url' : sSource,
'data' : aoData,
'success' : fnCallback,
'cache' : false
});
}
});
$('.preview').click(function(){
alert('hi');
})
});
答案 0 :(得分:1)
在加载预览图像的数据表之前设置click
事件处理程序。
请改用:
$('#example').on('click', '.preview', function() {
alert('hi');
});
有关详细信息,请参阅documentation。