codeigniter中的jquery无法识别Jquery Datatables类

时间:2014-05-11 10:25:05

标签: jquery ajax codeigniter datatables

嗨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');
                        })
        });

1 个答案:

答案 0 :(得分:1)

在加载预览图像的数据表之前设置click事件处理程序。

请改用:

$('#example').on('click', '.preview', function() {
    alert('hi');
});

有关详细信息,请参阅documentation