60 lines
1.8 KiB
JavaScript
60 lines
1.8 KiB
JavaScript
|
// Search Clear
|
||
|
|
!function ($) {
|
||
|
|
$.fn.searchClear = function (param){
|
||
|
|
_defaultSettings = {
|
||
|
|
inputName: ':input',
|
||
|
|
inputIcon: 'inputIcon',
|
||
|
|
clearBtnIcon: 'clearBtnIcon',
|
||
|
|
};
|
||
|
|
_set = $.extend(_defaultSettings, param);
|
||
|
|
$this = this;
|
||
|
|
$input = this.find(_set.inputName);
|
||
|
|
$tmp = '<i class="'+_set.inputIcon+'"></i><i class="'+_set.clearBtnIcon+' search-clear"></i>';
|
||
|
|
$input.wrap('<div class="sc-field" />');
|
||
|
|
$this.find('.sc-field').prepend($tmp);
|
||
|
|
$searchClear = $this.find(".search-clear");
|
||
|
|
function run(e) {
|
||
|
|
$searchClear.hide();
|
||
|
|
if($input.val().length > 0) {
|
||
|
|
$searchClear.show();
|
||
|
|
}else {
|
||
|
|
$searchClear.hide();
|
||
|
|
}
|
||
|
|
$input.on("blur keyup", function(){
|
||
|
|
if($(this).val().length > 0) {
|
||
|
|
$searchClear.show();
|
||
|
|
}else {
|
||
|
|
$searchClear.hide();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
$searchClear.on({
|
||
|
|
click: function(){
|
||
|
|
$(this).hide();
|
||
|
|
$input.val("")
|
||
|
|
},
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
// Checking IE10
|
||
|
|
// if Windows 8 and IE is ture. remove search clear buttom and fix text input padding-right
|
||
|
|
if(/Windows NT 6.2/g.test(navigator.userAgent)){
|
||
|
|
if(/MSIE/g.test(navigator.userAgent)){
|
||
|
|
$searchClear.remove();
|
||
|
|
$input.css({
|
||
|
|
'padding-right': '5px',
|
||
|
|
});
|
||
|
|
}else{run()}
|
||
|
|
}else{run()}
|
||
|
|
}
|
||
|
|
}(window.jQuery);
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
var $moduleWidth = 0,
|
||
|
|
$moduleNav = $('.module-nav');
|
||
|
|
|
||
|
|
var navMenu = new iScroll(document.getElementsByClassName('nav-scroll')[0], {
|
||
|
|
snap: true,
|
||
|
|
momentum: false,
|
||
|
|
hScrollbar: false,
|
||
|
|
});
|