Jquery Flexslider在选项卡中不工作

我正在使用wordpress的Magic Post Slider插件在woocommerce产品页面中显示flexslider。我正在使用tabs插件显示信息和其中的滑块，但flexslider在选项卡中不工作，直到我更改了浏览器选项卡或调整了浏览器窗口的大小，flexslider才工作并显示所有图像

我也应用了修复程序，但仍然不起作用。我在这里添加我的js代码

$(document).ready(function($) {

    $('a[href="#tab-product_editor_313_tab"]').click(function() {

        setTimeout(function() {
           $(window).trigger('resize');
        }, 0);

        setTimeout(function() {
           $(window).trigger('resize');
        }, 2)
    });

    var interval = 4000;
    var autoslide = true;

    interval = $(this).data("interval");

    if(interval == 0){
        autoslide = false;
    } else {
        autoslide = true;
    }

    $('.flexslider').flexslider({
        selector: ".slides > li",
        animation: "slide", 
        prevText: "",
        nextText: "",
        pauseOnHover: true,
        animationLoop: true,
        animationSpeed: 300,
        slideshowSpeed: interval,
        directionNav : true,
        slideshow: autoslide,
        controlNav: false, 
        start: function(){
            $(window).resize();
        },
    });

    $(window).resize();

});

---

我认为您的图像路径不正确。请检查元素并检查图像路径。

这是正确的代码

    $( window ).load(function() {

$('a[href="#tab-product_editor_313_tab"]').click(function() {

    setTimeout(function() {
       $(window).trigger('resize');
    }, 0);

    setTimeout(function() {
       $(window).trigger('resize');
    }, 2)
});

var interval = 4000;
var autoslide = true;

interval = $(this).data("interval");

if(interval == 0){
    autoslide = false;
} else {
    autoslide = true;
}

$('.flexslider').flexslider({
    selector: ".slides > li",
    animation: "slide", 
    prevText: "",
    nextText: "",
    pauseOnHover: true,
    animationLoop: true,
    animationSpeed: 300,
    slideshowSpeed: interval,
    directionNav : true,
    slideshow: autoslide,
    controlNav: false, 
    start: function(){
        $(window).resize();
    },
});

    $(window).resize();

    });

---

发布截图或提供演示url以清楚地了解问题。请确定@JayantaI已添加截图以供参考@JayantaI让我们知道您的代码是否是实时的？，如果有任何问题，请检查控制台error@PunitGajjar不，我在控制台中没有收到任何错误。不，我已经检查过了，并且在我更改浏览器选项卡时它工作正常。确定遇到了问题，您必须使用“$（窗口）。加载（函数（）{”而不是“$（文档）。就绪（函数（$）{”你能告诉我在哪里要添加这个代码吗？@shahiddhere是完整的代码bro，请尝试这只更改了第一行。我已经更改了您提供的代码，但仍然结果相同。您能给我发送链接吗