jquery - 为什么flexslider在部分中显得很小

Question

我正在尝试制作我的网站 http://www.vinoecucina.nl react 灵敏。除了我的画廊 (#impressie) 和滚动条 (#arrangementen) 之外，一切正常。

$("#menu, #arrangementen, #impressie, #reserveren, #contact").hide()

// Selector
var divs = $("#home, #menu, #arrangementen, #impressie, #reserveren, #contact");

// Show chosen div, and hide all others
$("li a").click(function () {
    $("#inhoud").fadeIn();
    $("#" + $(this).attr("class")).fadeIn(600);
    divs.not(("#" + $(this).attr("class"))).hide();
});

$('nav li a').click(function () {
    $('nav li a').removeClass('active');
    $(this).addClass('active');
});

画廊看起来很小，滚动条(.pane)向另一方向滚动。但是当窗口调整大小时一切正常。当我删除 .hide 时，它也能正常工作，但随后我在“第一页”上看到了所有 div/页面。

我用 .css display/visibilty/remove 试过了，但似乎没有任何效果。我尝试在部分上放置高度和宽度(px)，但这也不起作用。

有什么想法吗？

您可以在 http://www.vinoecucina.nl/test/index.html 看到的响应式网站

提前致谢!

Answer 1

对于flexslider，问题可能是图像被隐藏并且flexslider无法计算图像高度。那么为什么不在显示 div 后重新初始化 flexslider 或者在显示 div 时触发插件。

对于滚动条，我在 firebug 控制台中看到了这一点，可能是这个问题弄乱了代码:

TypeError: $target.position(...) is undefined

scrollTo = scrollTo + $target.position().top + $target.scrollTop();