开始一个新的网站,不能得到任何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>
使用'导入JavaScript文件时src',而不是'href'。顺便说一句,你的代码效果很好:http://jsfiddle.net/oscarj24/TM35N/ –
谢谢你,谢谢。我正在计划一些有趣的事情。就目前而言,这是字面上的,尽管如此。 – TechHeadDJ