2013-05-01 40 views
0

小我儘量讓我的網站http://www.vinoecucina.nl響應。 一切工作正常exept我的畫廊(#impressie)和滾動條(#arrangementen)。爲什麼flexslider出現在部分

 $("#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)以另一種方式滾動。 但是,當窗口調整everthing正常工作。 當我刪除.hide它的工作也很好,但後來我看到所有的div /頁面的'第一頁'。

我的CSS顯示/公開程度試過/刪除,但似乎沒有任何工作。 而我試着把高度和寬度(像素)的部分,但那不工作太多。

任何人一個想法?

的響應網站,你可以提前在http://www.vinoecucina.nl/test/index.html

感謝吧!

回答

0

對於flexslider,該問題可能是,圖像被隱藏和flexslider不能計算圖像高度。那麼爲什麼不在顯示div後重新啓動flexslider,或者在顯示div時觸發插件。

對於滾動我看到這個Firebug控制檯,也許這個問題是搞亂代碼:

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

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

我解決了這個問題,下面的代碼。我把「如果」的導航代碼,並刪除了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();