2014-07-07 72 views
0

开始一个新的网站,不能得到任何jQuery的火力。我试过只是在浏览器中执行一些控制台来测试,从外部jquery移动到<head>里面,并且什么也得不到。它甚至没有看到现有的第一个功能。我有一种感觉,这是我忽略的那么愚蠢简单的事情,但是我只是从看着相同的< 100行中筋疲力尽。手动获取宽度时我尝试的错误之一是这样的。jquery完全没有开火

Failed to execute 'querySelector' on 'Document': '[object Window]' is not a valid selector."

建议?

<!DOCTYPE HTML> 
<html> 
<head> 
    <script href="http://code.jquery.com/jquery-1.11.1.min.js"></script> 
    <script href="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 
    <title>Daniel Jenkins</title> 
    <link rel="stylesheet" type="text/css" href="style.css"> 
    <link href='http://fonts.googleapis.com/css?family=Libre+Baskerville:700' rel='stylesheet' type='text/css'> 
    <script> 
     function set_container_sizes(){ 
      console.log("Setting div sizes"); 
      var window_width = $(window).width(); 
      console.log("Window is "+window_width+"px wide"); 
      var window_height = $(window).height(); 
      console.log("Window is "+window_height+"px tall"); 
      $('#outer_container').css('max-height',window_height+'px'); 
      $('#outer_container').css('max-width',window_width+'px'); 
     } 

     $(document).ready(function(){ 
      console.log("Document now ready"); 
      set_container_sizes(); 
     }); 

     $(window).resize(function(){ 
      console.log("Window resized"); 
      set_container_sizes(); 
     }); 
    </script> 
</head> 
<body> 
    <div id="outer_container"> 
     <div id="inner_top"> 
      <div id="top_head"> 
       Daniel L. Jenkins 
      </div> 
     </div>Hello there  <div id="inner_bottom"> 

     </div> 
    </div> 
</body> 
</html> 
+0

使用'导入JavaScript文件时src',而不是'href'。顺便说一句,你的代码效果很好:http://jsfiddle.net/oscarj24/TM35N/ –

+0

谢谢你,谢谢。我正在计划一些有趣的事情。就目前而言,这是字面上的,尽管如此。 – TechHeadDJ

回答

7

问题是,您在脚本标记中使用“href”而不是“src”。

+1

我不知道我从哪里得到那个href,但我现在感觉像是轨道轰炸。谢谢你 – TechHeadDJ

4

我觉得应该是<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>