php - Fancy Box CSS を Grocery Crud に統合する

Question

ファンシーボックスの統合に取り組んでいます。

食料品のクラッドにファンシーボックスを追加する方法に関するこのリンクをたどる

ファンシーボックス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);
}

コールバック関数

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(); 

});

テーマ - フレキシグリッドと食料品のクラッド v 1.3.3

この問題を解決する方法を教えてください。以下は上記のコードの出力です