jquery-uiタブは機能しません - jsとcssが含まれていますが、ページは普通です

私は以前にjquery-uiを使用していましたが、jquery-uiのTabsアスペクトを使用していました...何らかの理由で、今日。私は間違って何をしていますか？jquery-uiタブは機能しません - jsとcssが含まれていますが、ページは普通です

<!doctype html> 
<html> 
    <head> 
     <link rel="stylesheet" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/ui-lightness/jquery-ui.css" /> 

     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
     <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script> 


     <script type="text/javascript"> 
      $(document).ready(function() { 
       $('#tabs').tabs(); 
      }); 
     </script> 
    </head> 
    <body> 

     <div id="tabs"> 
      <ul> 
       <li><a href='#tabs-1'>Email</a></li> 
       <li><a href='#tabs-2'>Email 2</a></li> 
      </ul> 

      <div id='tabs-1'> 
       <p>test</p> 
      </div> 
      <div id='tabs-2'> 
       <p>test2</p> 
      </div> 
     </div> 

    </body> 
</html>

ページがちょうど完全に平野です：

enter image description here