jQuery slideDown腳本不能在簡單代碼示例中工作

<!DOCTYPE html> 
<html> 
    <head> 
     <title> 
     </title> 
     <style> 
     </style> 
     <script type="text/javascript"> 
      $(document).ready(function { 
      $('img').slideDown('slow'); 
     }); 
     </script> 
    </head> 
    <body> 
     <img src="images\sjmak-music-logo.jpeg"/> 
    </body> 
</html>

上面的簡單代碼示例不起作用;我試圖簡單地讓圖像從屏幕頂部向下滑動，但它保持靜止。我還試圖在圖像上使用「display：none」，但圖像保持隱藏狀態，而不是從頂部滑下。jQuery slideDown腳本不能在簡單代碼示例中工作

來源

2013-10-21 smcclendon

哪裏是jQuery庫添加 –

不了'IMG src'必須使用'/''不'\\ ？ –

您需要包括jQuery library file才能使用jQuery methods。

在下面的示例中添加了jquery cdn版本。也滑下它必須被隱藏第一

<!DOCTYPE html> 
<html> 
    <head> 
     <title> 
     </title> 
     <style> 
     </style> 
     <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script> 
     <script type="text/javascript"> 
      $(document).ready(function() { 
      $('img').slideDown('slow'); 
     }); 
     </script> 
    </head> 
    <body> 
     <img src="images\sjmak-music-logo.jpeg" style="display: none"/> 
    </body> 
</html>

演示圖像：Fiddle

來源

2013-10-21 15:47:20

哇...對。謝謝......我的意外疏忽。 – smcclendon

jQuery slideDown腳本不能在簡單代碼示例中工作

回答

相關問題