2013-02-17 158 views
-1

我一直在努力的一個WordPress站點似乎對其某些腳本的啓動有些不可思議。我目前最關心的是下拉式標題。由於我只是在嘗試,顯然是沒有風格的,但是,如果你看,它不應該下降,直到頁面上一定的長度,並且在頁面加載時,它顯示自己直到用戶交互爲止。有誰知道這可能會發生什麼?任何幫助將非常感激。Javascript無法正確啓動

該網站鏈接它nextworld.kbddev.com

這裏是我的條碼:

<script> 
$(function() { 
    $(window).scroll(function(){ 
     if($(window).scrollTop() > 542){ 
      $("#follownav").slideDown("fast"); 
      $('#follownav').removeClass('hide').addClass('show'); 

     } 
    }); 
    $(window).scroll(function(){ 
     if($(window).scrollTop() < 542){ 
      $("#follownav").slideUp("fast"); 
     } 
    }); 
}); 
</script> 
+1

滾動事件時將觸發滾動,一次又一次,當頁面滾動使你的函數火,每當scrollTop的高於或低於這個數字,滑動並且改變類別發生數千次。您應該以某種方式限制它,通過檢查它是否可見或知道您已經滑動的其他方式,以避免它一遍又一遍地觸發該功能。 – adeneo 2013-02-17 02:02:35

回答

0

的問題是,它的不檢查在頁面加載。

一個簡單的解決方法是:

$(function(){ 
    $(window).scroll(); 
}); 
+0

不正確...在代碼運行之前存在窗口。您可以將事件綁定到'document.ready'之外的'window'或'document'中。 – charlietfl 2013-02-17 02:05:56

+0

是的,但是JQuery加載了嗎? – MrJD 2013-02-17 02:07:45

+1

任何時候使用'$'jQuery都必須在它之前加載。您的代碼將失敗,如果它不是 – charlietfl 2013-02-17 02:11:06