我正在研究集成花式盒子 .

点击这个链接How do add fancy box in grocery crud

虽然一切都运作良好,除了花哨的盒子css似乎没有联系 . 默认情况下,list_template.php(assets \ grocery_crud \ themes \ flexigrid \ views)文件具有fancybox css和js链接 .

这是控制器代码

function customers_management()
{
        $crud = new grocery_CRUD();
                    $crud->set_js('assets/grocery_crud/js/jquery-1.8.2.js');
                    $crud->set_js('assets/grocery_crud/js/custom.js');
        $crud->set_table('customers');
        $crud->callback_column('test',array($this,'_callback_test_function'));
        $crud->display_as('salesRepEmployeeNumber','from Employeer')
             ->display_as('customerName','Name');

        $crud->set_subject('Customer');
        $crud->set_relation('salesRepEmployeeNumber','employees','lastName');

        $output = $crud->render();
        $this->_example_output($output);
}

callback_function

function _callback_test_function($value, $row)
{
     $attributes = array(

        'width'      => '500',
        'height'     => '500',
        'scrollbars' => 'no',
        'status'     => 'yes',
        'resizable'  => 'yes',
        'screenx'    => '0',
        'screeny'    => '0',
        'class'      => 'various fancybox.ajax'

    );

    return anchor_popup('examples/test_content/'.$row->customerNumber,'Click Here', $attributes);

}

自定义js文件

$(document).ready(function() {
$(".various").fancybox();

});

主题 - flexigrid和杂货crud v 1.3.3

请指导如何解决这个问题 . 下面是上面代码的输出
enter image description here