代码哪里写错了呢
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>简单搜索条制作</title>
<style type="text/css" media="screen">
body{background-color: #312;}
.content{background-image: url("images/beijing.jpg"); width:2100px;height: 950px;margin: 0 auto;}
form{float:left;background-color: #fff;margin: 20px;}
.tt{border: 0;float:left;height:40px;line-height: 55px;outline: none;width:300px;}
.ss{border: 0;background-image: url("images/sou.PNG");width:45px;height:39px;float:left;cursor:pointer;padding: 1px;}
.box{position: absolute;top: 300px;left:350px;}
.suggest{width:300px;background-color: #fff;border:1px solid #ccc;}
.suggest ul{list-style:none;margin:0;padding:0;}
.suggest ul li{padding:3px;font-size: 15px;line-height: 25px;cursor:pointer;}
.suggest ul li:hover{text-decoration: underline;background-color:#ddd;}
</style>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
</head>
<body>
<div class="content">
<div class="box">
<div class="logo"> </div>
<form id="search-form">
<input type="text" class="tt" id="tts">
<input type="submit" class="ss" value="">
</form>
</div>
</div>
<div class="suggest" id="search-suggest" style="display: none">
<ul id="search-result">
<li>搜索结构1</li>
<li>搜索结构2</li>
</ul>
</div>
<script src="http://cdn.bootcss.com/jquery/2.2.3/jquery.min.js"></script>
<script>
$('#tts').bind('keyup',function(){
var searchtext=$('#tts').val();
$.get('http://api.bing.com/qsonhs.aspx?q='+searchtext,function(){
var d = d.AS.Results[0].Suggests;
var html='';
for(var i=0;i<d.length;i++){
html+='<li>'+d[i].Txt+'</li>';
}
$('#search-result').html(html);
$('#search-suggest').show().css({
top:$('#search-form').offset().top+$('#search-form').height(),
left:$('#search-form').offset().left,
position:'absolute',
});
},'json');
$(document).bind('click',function(){
$('#search-suggest').hide();
})
});
</script>
</body>
</html>
