我的搜索提示框沒有顯示出來，大家?guī)臀铱纯茨睦镄枰囊幌拢?/h1>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>?
<meta content="text/html; charset=UTF-8" http-equiv="content-type"/>
<title>必應(yīng)</title>
<link rel="stylesheet" type="text/css" href="test.css">
</head>
<body>
<div class="bg">
<div class="search-box">
<div class="logo"></div>
<form class="search-form" id="search-form" action="https://cn.bing.com/search" target="_blank">
<input type="text" class="search-input-text" name="q" id="search-input" autocomplete="off"/>
<input type="submit" value="" class="search-input-button"/>
</form>
</div>
</div>
<div class="suggest" id="search-suggest" style="display:none">
<ul id="search-result">
<li>手機(jī)</li>
<li>手機(jī)游戲</li>
<li>手機(jī)APP</li>
<li>手機(jī)鈴聲</li>
<li>手機(jī)主題</li>
</ul>
</div>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$('#search-input').bind('keyup',function(){
var searchText=$('#search-input').val();//獲取用戶輸入的值
$.get('http://api.bing.com/qsonhs.aspx?q='+searchText,function(d){
? var d=d.AS.Results[0].Suggests;
?//獲取suggest中的數(shù)據(jù)
var html='';//動態(tài)
//獲取到的數(shù)據(jù)進(jìn)行for循環(huán)
for(var i=o;i<d.length;i++){
? html+='<li>'+d[i].Txt+'</li>';
}//獲取的數(shù)據(jù)放在li中
?$('#search-result').html(html);
?$('#search-suggest').show().css({
top:$('#search-form').offset().top+$('#search-form').height()+10,
left:$('#search-form').offset().left,
position:'absolute'
});
},'josn');//$.get(url,callback,'json') ?
});
$(document).bind('click',function(){
$('#search-suggest').hide();
});
$(document).delegate('li','click',function(){
var keyword=$(this).text();
location.+keyword;
});?
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>?
<meta content="text/html; charset=UTF-8" http-equiv="content-type"/>
<title>必應(yīng)</title>
<link rel="stylesheet" type="text/css" href="test.css">
</head>
<body>
<div class="bg">
<div class="search-box">
<div class="logo"></div>
<form class="search-form" id="search-form" action="https://cn.bing.com/search" target="_blank">
<input type="text" class="search-input-text" name="q" id="search-input" autocomplete="off"/>
<input type="submit" value="" class="search-input-button"/>
</form>
</div>
</div>
<div class="suggest" id="search-suggest" style="display:none">
<ul id="search-result">
<li>手機(jī)</li>
<li>手機(jī)游戲</li>
<li>手機(jī)APP</li>
<li>手機(jī)鈴聲</li>
<li>手機(jī)主題</li>
</ul>
</div>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$('#search-input').bind('keyup',function(){
var searchText=$('#search-input').val();//獲取用戶輸入的值
$.get('http://api.bing.com/qsonhs.aspx?q='+searchText,function(d){
? var d=d.AS.Results[0].Suggests;
?//獲取suggest中的數(shù)據(jù)
var html='';//動態(tài)
//獲取到的數(shù)據(jù)進(jìn)行for循環(huán)
for(var i=o;i<d.length;i++){
? html+='<li>'+d[i].Txt+'</li>';
}//獲取的數(shù)據(jù)放在li中
?$('#search-result').html(html);
?$('#search-suggest').show().css({
top:$('#search-form').offset().top+$('#search-form').height()+10,
left:$('#search-form').offset().left,
position:'absolute'
});
},'josn');//$.get(url,callback,'json') ?
});
$(document).bind('click',function(){
$('#search-suggest').hide();
});
$(document).delegate('li','click',function(){
var keyword=$(this).text();
location.+keyword;
});?
2016-12-12
可以用fiddle配置個代理服務(wù)器環(huán)境 ??