slideUp在此特定示例中無法正常工作

我有一個不尋常的問題。slideUp在此特定示例中無法正常工作

下面的代碼無法正常工作。我已經將它粘貼到jsFiddle中，並且工作正常，但是在我的網站上它運行不正常，看起來不太好。它應該做什麼：點擊「從這裏開始」按鈕後，它應該平滑地滑動整個內容，然後進入下一頁。它實際上開始向上滑動，但它不會結束並加載一個新頁面。我認爲它可以通過使用任何類型的延遲來解決，但我是新的jQuery，我不知道如何正確地做到這一點。或者也許有另一種方法來整理它。（問題修復，原因：應用最小高度）

我遇到的下一個問題是加載外部.js文件（代碼中的註釋片段）。當我這樣做時，腳本不起作用。當我將腳本放在按鈕之下時，它可以工作。如何克服這個問題，我可以實現代碼作爲外部.js在頭部分，而不是把它放在按鈕下面的標籤？

非常感謝您提前。

的代碼是在這裏：

<html> 
    <head> 

     <meta charset="utf-8"> 
     <meta name="viewport" content="width=480" /> 
     <link rel="stylesheet" type="text/css" href="_css/index.css"> 
     <script type="text/javascript" src="_js/jquery.js"></script> 
     <script type="text/javascript" src="_js/form.js"></script> 
    <!--   <script type="text/javascript" src="_js/transitions.js"></script> 
    --> 
    </head> 

    <body> 

    <div id="wrapper"> 

     <div id="header"> 
      <img src="_images/header.png"> 
      <div id="spons"><img src="_images/main-sponsor.jpg"></div> 
     </div> 

     <div id="content"> 

     <div id="starthere"> 
       <strong>Thank you. <br/>You have gained access to free Wi-Fi Media Network. <br/>Please enjoy free content from GAME.</strong> 
      <div id="finalbut"> 
       <a href="#" id="roll"><img src="_images/butt-start.png"></a> 
      </div> 

      <script> 
      $("#roll").click(function() { 
       $("#content").slideUp(function() { 
        window.location.href = "menu.html"; 
       }); 
      }); 
      </script> 

     </div> 

     </div> 

    </div> 

    </body> 
    </html>

來源

2012-11-20 Piotr Ciszewski

我可以在這裏放一段代碼，但我可能會錯過一些重要的東西，這可能是沒有完全正常工作的原因。這是內容量還是其他的問題？任何想法將不勝感激。謝謝 –

slideUp在此特定示例中無法正常工作

回答

相關問題