                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /搜索框制作

為什么后端測試都正常，卻不能夠像老師那樣出來下拉框？

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script>
????$('#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].Suggest;
????????????var html = '';
????????????for (var i = 0; i < d.length; i++) {
????????????????html += '<li>' + d[i].Txt + '</li>';
????????????};
$('#search-result').html(html);
?//請求服務器接口的地址
????????$('#search-suggest').css({
????????????top: $('#search-form').offset().top + $('#search-form').height() + 10,
????????????left: $('#search-form').offset().left
????????}).show();
????????}, json); ????
????});
$(document).bind('click',function(){
$('#search-suggest').hide();
})
</script>

慕仔8853991

2018-10-09

源自：搜索框制作 2-5

關注問題我要回答

1177

操作

收起

3 回答

慕移動9181930
2022-03-27

一點都不詳細，在這個頁面之前還有2個步驟，一個是選擇版本，一個是勾選一個同意的選項。這樣寫還是有一點好處的，雖然不是很明顯：如果 n o s p a c e 返回 f a l s e ，那么就不必做 n o m o v e 的 4 個判斷了，能節約一點效率，雖然這幾乎是微乎其微的

0 回復有任何疑惑可以回復我~

收起回答

abuzzzzzzz
2019-01-05

同問? 我的也沒有出現下拉框?

運行f12有錯誤提示

0 回復有任何疑惑可以回復我~

收起回答

Zz皓
2018-11-02

兄弟，用我這段代碼看看

<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();
??$.ajax({
????type:?'get',
????url:?'https://api.bing.com/qsonhs.aspx?type=cb&q='?+?searchText,
????async:?true,
????dataType:?"jsonp",
????jsonp:?'cb',
????success:?function(data)?{
??????//?新增輸入框是否含有字符判斷
??????if(data.AS.Query.length?>?0)?{
????????var?data?=?data.AS.Results[0].Suggests;
????????var?html?=?"";
????????for(var?i?=?0;?i?<?data.length;?i++)?{
??????????html?+=?'<li>'?+?data[i].Txt?+?'<li>';
????????}
????????$("#search-result").html(html);
????????$('#search-suggest').show().css({
??????????position:?'absolute',
??????????top:?$('#search-form').offset().top?+?$('#search-form').height()?+?10,
??????????left:?$('#search-form').offset().left
????????});
??????}?else?{
????????$('#search-suggest').hide()
??????}
????}
??});
});
$(document).bind('click',?function()?{
??$('#search-suggest').hide()
});
//?jQuery事件代理
$(document).delegate('li',?'click',?function()?{
??var?keyword?=?$(this).text()
??location.href?=?'http://cn.bing.com/search?q='?+?keyword;
})
</script>

0 回復有任何疑惑可以回復我~

收起回答