为了账号安全,请及时绑定邮箱和手机立即绑定

大神帮忙解释下

<body>
<div id="bg">
   <div id="search">
   <div id="logo"></div>
   <form class="search-form" id="search-form" action="http://www.biying.com">
       <input type="text" class="search-text" id="search-input">
       <input type="button" class="search-button">
   </form>
   </div>
   <div class="suggest" id="suggest">
       <ul id="search-result">
           <li>搜索内容1</li>
           <li>搜索内容2</li>
           <li>搜索内容3</li>
           <li>搜索内容4</li>
       </ul>
   </div>
</div>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script>
   $(document).ready(function(){
           $("#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;
                   var html='';
                   for(var i=0;i<d.length;i++) {
                       html += '<li>' + d[i].Txt + '</li>';
                   }
                   $("suggest").html(html);

                   $("#suggest").show().css({
                       position:"absolute",
                       top:$("#search-form").offset().top+$("#search-form").height()+10,
                       left:$("#search-form").offset().left
               });
       },"json")

       });
   });

</script>

</body>

正在回答

1 回答

你已经在脚本里面动态加载li元素了,就不用在html文档内写li标签了。

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

举报

0/150
提交
取消
搜索框制作
  • 参与学习       66041    人
  • 解答问题       431    个

本课程从简入深讲解搜索框的制作,学习JQ与JS实现Ajax技术的不同点

进入课程

大神帮忙解释下

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信