|
...
|
...
|
@@ -6,6 +6,7 @@ |
|
|
|
|
|
|
|
var $ = require('jquery'),
|
|
|
|
security = require('../plugin/security'),
|
|
|
|
tip = require('../plugin/tip'),
|
|
|
|
Hammer = require('yoho.hammer');
|
|
|
|
|
|
|
|
var $input = $('#search-input input');
|
|
...
|
...
|
@@ -18,8 +19,11 @@ var $form = $('#search-form'); |
|
|
|
|
|
|
|
var $history = $('.history');
|
|
|
|
var $historySearch = $('.history-search');
|
|
|
|
|
|
|
|
var $searchAssociate = $('.search-associate');
|
|
|
|
var $clearHistory = $('#clear-history');
|
|
|
|
var $buriedpoint = $('.buriedpoint');
|
|
|
|
var $search = $('#search');
|
|
|
|
var $searchItems = $('.search-items');
|
|
|
|
|
|
|
|
var writeSearch = require('./write-search');
|
|
|
|
|
|
...
|
...
|
@@ -42,17 +46,56 @@ $input.on('input', function() { |
|
|
|
if ($input.val() === '') {
|
|
|
|
$icon.css('color', '#b2b2b2');
|
|
|
|
$clear.addClass('hide');
|
|
|
|
$searchAssociate.html('');
|
|
|
|
$searchItems.show();
|
|
|
|
} else {
|
|
|
|
$icon.css('color', '#666');
|
|
|
|
$clear.removeClass('hide');
|
|
|
|
}
|
|
|
|
|
|
|
|
// 联动搜索
|
|
|
|
$.ajax({
|
|
|
|
url: 'search/fuzzyDatas',
|
|
|
|
data: {
|
|
|
|
keyword: $input.val()
|
|
|
|
},
|
|
|
|
dataType: 'json',
|
|
|
|
success: function(data) {
|
|
|
|
var ajaxHtml = '';
|
|
|
|
var i;
|
|
|
|
|
|
|
|
if (data.length > 0) {
|
|
|
|
for (i = 0; i < data.length; i++) {
|
|
|
|
ajaxHtml += '<li><span class="keyword">' + data[i].keyword + '</span><span class="count">' +
|
|
|
|
data[i].count + ' items<i class="iconfont"></i></span></li>';
|
|
|
|
}
|
|
|
|
|
|
|
|
$searchAssociate.html(ajaxHtml);
|
|
|
|
$searchItems.hide();
|
|
|
|
} else {
|
|
|
|
$searchAssociate.html('');
|
|
|
|
}
|
|
|
|
|
|
|
|
$searchAssociate.find('li').on('touchend', function() {
|
|
|
|
$buriedpoint.val($(this).find('.keyword').html());
|
|
|
|
$search.closest('form').submit();
|
|
|
|
});
|
|
|
|
},
|
|
|
|
error: function() {
|
|
|
|
tip.show('网络断开连接了~');
|
|
|
|
}
|
|
|
|
});
|
|
|
|
});
|
|
|
|
cHammer = new Hammer($clear[0]);
|
|
|
|
cHammer.on('tap', function() {
|
|
|
|
$input.val('').trigger('input');
|
|
|
|
});
|
|
|
|
|
|
|
|
$('#search').on('touchend', function() {
|
|
|
|
$search.on('touchend', function() {
|
|
|
|
if ($buriedpoint.val() === '' && $('#default-terms').val() !== '') {
|
|
|
|
$buriedpoint.val($('#default-terms').val());
|
|
|
|
}
|
|
|
|
|
|
|
|
if (security.hasDangerInput()) {
|
|
|
|
return false;
|
|
|
|
}
|
...
|
...
|
|
