jquery - jQuery 画像ズーム (glassCase) を jQuery タブ付きパネルに追加しようとしていますが、ブラウザーのサイズが変更されるまで画像のサイズが正しくなりません。

Question

画像ズーム (glassCase) がロード時に表示されないタブに配置されているため、この問題が発生していると思います (表示: なし;)。したがって、コンポーネントの幅を計算すると、値は 0 になります。

これは、タブ付きパネルをクリックすると、要素の幅がなくなることを意味します。ブラウザのサイズを調整すると、正しく表示されます。パフォーマンス タブをクリックした後にのみ jQuery ズームを呼び出そうとしましたが、まだ機能していないようです。

これは私の開発サイトです

http://ecclesall-road.co.uk/products/casement-windows/

画像のズームはパフォーマンスタブの下にあります。どんな助けでも大歓迎です。

これは私のコードです

jQuery.jQueryTab({
            responsive:          true,                              // enable accordian on smaller screens
            collapsible:         true,                              // allow all accordions to collapse 
            useCookie:           false,                             // remember last active tab using cookie
            openOnhover:         false,                             // open tab on hover
            initialTab:          1,                                 // tab to open initially; start count at 1 not 0

            cookieName:          'active-tab',                      // name of the cookie set to remember last active tab
            cookieExpires:       4,                                 // when it expires in days or standard UTC time
            cookiePath:          '/',                               // path on which cookie is accessible
            cookieDomain:        '',                                // domain of the cookie
            cookieSecure:        false,                             // enable secure cookie - requires https connection to transfer

            tabClass:            'tabs',                            // class of the tabs
            headerClass:         'accordion_tabs',                  // class of the header of accordion on smaller screens
            contentClass:        'tab_content',                     // class of container
            activeClass:         'active',                          // name of the class used for active tab

            tabTransition:       'fade',                            // transitions to use - normal or fade
            tabIntime:           0,                                 // time for animation IN (1000 = 1s)
            tabOuttime:          0,                                 // time for animation OUT (1000 = 1s)

            accordionTransition: 'slide',                           // transitions to use - normal or slide
            accordionIntime:     500,                               // time for animation IN (1000 = 1s)
            accordionOuttime:    400,                               // time for animation OUT (1000 = 1s)

            before:              function () {},                   // function to call before tab is opened
            after:               initGC                              // function to call after tab is opened
        });

        function initGC() {
            if (jQuery(this).attr('href') === '#performance' && !jQuery(this).hasClass('gc-init')) {
                jQuery(this).addClass('gc-init');
                jQuery('#glasscase').glassCase();
                jQuery('#glasscase2').glassCase();
                jQuery('#glasscase3').glassCase();
                jQuery('#glasscase4').glassCase();
            }
        }