2015-05-15 136 views
-2
<!DOCTYPE html> 
<html> 
    <head> 
     <link rel="stylesheet" type="text/css" href="stylesheet.css"/> 
     <script type="text/javascript" src="script.js"></script> 
    </head> 
    <body> 
     <div id="red"></div> 
     <div id="blue"></div> 
     <div id="yellow"></div> 
     <div id="green"></div> 
    </body> 
</html> 

的script.jsjquery不鏈接,爲什麼?

$(document).ready(function() { 
    $('div').mouseenter(function() { 
     $(this).animate({ 
      height: '+=10px' 
     }); 
    }); 
    $('div').mouseleave(function() { 
     $(this).animate({ 
      height: '-=10px' 
     }); 
    }); 
    $('div').click(function() { 
     $(this).toggle(1000); 
    }); 
}); 
+0

你在頁面中使用jQuery但庫不是包括在其中 –

+4

在'' src =「script.js」>' –

回答

2

加入jQuery框架到HTML頭標記,你自己的JS其使用jQuery前:

<head> 
    <link rel="stylesheet" type="text/css" href="stylesheet.css"/> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> 
    <script type="text/javascript" src="script.js"></script> 
</head> 
相關問題