var helangSearch={ /* 元素集 */ els:{}, /* 搜索类型序号 */ searchIndex:0, /* 火热的搜索列表 */ hot:{ /* 颜色 */ color:['#ff2c00','#ff5a00','#ff8105','#fd9a15','#dfad1c','#6bc211','#3cc71e','#3cbe85','#51b2ef','#53b0ff'], /* 列表 */ list:[ ] }, /* 初始化 */ init:function(){ var _this=this; this.els={ pickerBtn:$(".picker"), pickerList:$(".picker-list"), logo:$(".logo"), hotList:$(".hot-list"), input:$("#search-input"), button:$(".search") }; /* 设置热门搜索列表 */ this.els.hotList.html(function () { var str=''; $.each(_this.hot.list,function (index,item) { str+='' +'
'+(index+1)+'
' +'
'+item+'
' +'
'; }); return str; }); /* 注册事件 */ /* 搜索类别选择按钮 */ this.els.pickerBtn.click(function () { if(_this.els.pickerList.is(':hidden')) { setTimeout(function () { _this.els.pickerList.show(); },100); } }); /* 搜索类别选择列表 */ this.els.pickerList.on("click",">li",function () { _this.els.logo.css("background-image",('url(img/'+$(this).data("logo")+')')); _this.searchIndex=$(this).index(); _this.els.pickerBtn.html($(this).html()) }); /* 搜索 输入框 点击*/ this.els.input.click(function () { if(!$(this).val()){ setTimeout(function () { _this.els.hotList.show(); },100); } }); /* 搜索 输入框 输入*/ this.els.input.on("input",function () { if($(this).val()){ _this.els.hotList.hide(); } }); /* 搜索按钮 */ this.els.button.click(function () { }); /* 文档 */ $(document).click(function () { _this.els.pickerList.hide(); _this.els.hotList.hide(); }); /* 搜索按钮 */ } };