将Fancy Box CSS整合到Grocery Crud中

Question

我正致力于整合花式盒子。

在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

请指导如何解决此问题。以下是上述代码的输出