0

我试图让我的网站http://www.vinoecucina.nl响应。除了我的画廊（#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看到的响应式网站

提前致谢！

4

2 回答 2

0

For the flexslider, the problem is probably that the images are hidden and the flexslider can't calculate the images height. So why don't you reinit the flexslider after you show the div or fire the plugin when you show the div.

For the scroll I see this in the firebug console, maybe that problem is messing the code: 

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

scrollTo = scrollTo + $target.position().top + $target.scrollTop();
于 2013-05-01T18:40:18.293 回答
0

我用下面的代码解决了这个问题。我在导航代码中输入了“if”并删除了 nanoscroller 和 flexslider 代码。

    jQuery('#nav a').click(function() {
console.log(jQuery(this).index('a'));
var jQuerydiv = jQuery('.one-threequarter > section').eq(jQuery(this).index('#nav a'));
jQuerydiv.fadeIn();

jQuery('.one-threequarter > section').not(jQuerydiv).hide();

if($("#arrangementen"));
$(".nano").nanoScroller();

if($("#impressie"));
$(".flexslider").resize().flexslider();
于 2013-05-02T14:54:34.137 回答