2015-03-18 140 views
0

我是新來的jQuery和我一直在這個代碼很長一段時間,並不能得到它的工作。當我在控制檯中打開它們時,會出現一連串影響性能的錯誤消息。連續遺漏的類型錯誤:未定義是不是一個函數

更新:當您滾動通400像素的錯誤開始。

Link

// custom.js 
$(document).ready(function(){ 
    $(".button-collapse").sideNav(); 
    $(".dropdown-button").dropdown(); 
    $(".parallax").parallax(); 
    $(".covervid-video").coverVid(1920, 1080); 
    $(".masthead-arrow").onload("bounce", "slow"); 
    $("header").scroll(function() { 
     $("#dropdown1").hide(); 
    }); 
}); 

我設法把這個問題給該塊代碼:

$(window).scroll(function() {  
    var scroll = $(window).scrollTop(); 
    if (scroll > 400) { 
     $(".header").addClass("scrolling").fadeIn("slow", 200); 
     $("#white-to-black").addClass("scrolling").fadeTo("slow", 800); 
     $(".animated_nav").addClass("scrolling"); 
    } else { 
     $(".header").removeClass("scrolling"); 
     $("#white-to-black").removeClass("scrolling"); 
     $(".animated_nav").removeClass("scrolling").slideUp("slow", 600); 
    }; 
}); 

$("#secondary-nav").stick_in_parent(); 
+0

我看到只有一個錯誤_Uncaught TypeError:無法讀取'style'的undefined_ – lshettyl 2015-03-18 21:14:13

+0

對不起,我忘了添加它的時候通過400px – 2015-03-18 21:18:23

+0

'$(「。header」).addClass(「scrolling」)。fadeIn (「slow」,200)''看起來不正確,因爲你可以通過'duration'和'callback'或者一個對象作爲選項。嘗試使用'.fadeIn(「slow」)或'.fadeIn(200)'來開始。而且,'.fadeTo(「slow」,800)'應該是'.fadeTo(「slow」,) – lshettyl 2015-03-18 21:23:40

回答

0

所以,你需要:

$(window).scroll(function() {  
    var scroll = $(window).scrollTop(); 
    if (scroll > 400) { 
     $(".header").addClass("scrolling").fadeIn("slow"); //or time in milliseconds 
     $("#white-to-black").addClass("scrolling").fadeTo("slow", 0.8); 
     $(".animated_nav").addClass("scrolling"); 
    } else { 
     $(".header").removeClass("scrolling"); 
     $("#white-to-black").removeClass("scrolling"); 
     $(".animated_nav").removeClass("scrolling").slideUp("slow"); //time in milliseconds 
    }; 
}); 

瞭解更多關於slideUpfadeInfadeTo

相關問題