Jquery 手风琴内部的flexslider行为问题

我有办法更好地解释我的问题。我在列表上有几个项目（它们是测试页面上的图像）；当我点击其中一个，一个对应的幻灯片，使用flexslider，sldes向下

问题是，在页面加载时，幻灯片同时显示所有幻灯片，其大小比预期的小得多。但是，如果我从窗口切换焦点（即在浏览器选项卡之间切换或移动到另一个程序并返回），幻灯片现在可以播放了，并且幻灯片大小合适。这种情况也发生在移动设备上

当我检查firebug时，有一条element.style规则适用于ul.slides：

transform: translate3d(-89px, 0px, 0px);

它隐藏了一张幻灯片。此外，ul.slides中的列表项还有另一个规则，它给出了它们的初始宽度，这对于所有滑块都不相同，所以我不知道它是从哪里来的

---

有人能看一下并提出解决方案吗？我尝试过重写element.style规则，但迄今为止没有成功。

我想我已经找到了答案，至少在原则上

.flexslider{display:none；}

似乎摆脱了flexslider的重新调整大小功能。 你可以直接移除它，但这会导致一些丑陋的加载

为了避免上述难看的加载，我设置了一个快速的变通方法-

$(document).ready(function(){
    $(".flexslider").css('display','block').slideUp();
});

装载时仍然有一个快速的小故障，但希望它至少能引导您朝着正确的方向前进

---

我玩过的另一种方法是，尝试像这样强制重新调整大小函数-

$(".client").click(function () {
    $('.flexslider').resize();    // Problematic but promising
    var project = this.id;
    var project_id = '#' + project + '-project';
    var elem = $(".flexslider:visible").length ? $(".flexslider:visible"): $(".flexslider:first");
    elem.slideUp('slow', function () {
        $(project_id).slideDown('slow');
    });
});

---

这种方法解决了迷你图片的问题，但充其量只能算是零散的。

您是否已锁定使用flexslider？@apaul34208不，只是我以前使用过它，而且效果很好。这是我遇到的第一个问题。我还发现“显示：无”规则导致了这个问题。你的回答让我走上了正确的轨道，所以谢谢你！