$(function () { //输入框快速删除初始化 mui(".mui-input-row input").input(); /** * 初始化滚动条 * */ var iscroll; iscroll = new IScroll(".zzzqIscroll",{ scrollbars: true, fadeScrollbars:true, scrollbars: 'custom', shrinkScrollbars:'clip', click:true }); setTimeout(function(){ iscroll.refresh(); }, 600); /** * 点击input以外失去焦点 * */ var beforeIpt=null; $("input").on("focus", function (e) { beforeIpt=this; }); $(document).on("tap", function (e) { if(e.target.nodeName.toLowerCase()!="input") { if(beforeIpt) { beforeIpt.blur(); beforeIpt=null; } } }); /** * 开关事件 * */ mui('.mui-content .mui-switch').each(function() { //循环所有toggle mui(this)['switch'](); //toggle 事件监听 this.addEventListener('toggle', function(event) { //event.detail.isActive 可直接获取当前状态 var isActive = this.classList.contains("mui-active"); //判断打开ON或者关闭OFF if(isActive){ //打开状态 $(this).parent().next().slideDown(500,function(){ iscroll.refresh(); }).siblings('.hiddenli').stop().slideUp(500); $(".mui-switch").removeClass("mui-active").children().css({'transition-duration': '0.2s', 'transform': 'translate(0, 0px)'}); $(this).toggleClass("mui-active"); }else{ //关闭状态 $(this).parent().next().slideUp(500,function(){ iscroll.refresh(); }); } }); }); /** * 时间事件 * */ sjchaxun(); /** * 弹出修改框 * */ (function($) { var confirmBtns = $("div[id*='confirmBtn']"); confirmBtns.each(function(i, confirmBtns) { confirmBtns.addEventListener('tap', function() { var btnArray = ['否', '是']; mui.confirm('此信息正要进行修改?','注意!', btnArray, function(e) { if (e.index == 1) { // alert('是'); } else { // alert('否'); } }); }, false); }); })(mui); //模糊查询键盘enter键事件 $("input[type='search']").on('keypress',function(e) { var keycode = e.keyCode; if(keycode=='13') { e.preventDefault(); //请求搜索接口 haifmp.loadMobilePage("haifmp", "hvSjlrZzzqIndex.htm?mcid=" + $("#mcid").val() + "&cxrq=" + $("#date").val() + "&cxeph=" + $("#dweb").val()); } }); }); /** * 时间方法 * */ function sjchaxun(){ mui.init(); mui.ready(function() { //开始时间 var startN = $('.nian')[0]; var startnY = $('.yue')[0]; var startR = $('.ri')[0]; var startTbtns = $('#startT'); startTbtns.each(function(i, startTbtn) { startTbtn.addEventListener('tap', function() { var optionsJson = this.getAttribute('data-options') || '{}'; var options = JSON.parse(optionsJson); type = 1; dateP(type,startN,startnY,startR); }, false); }); //结束时间 var endN = $('.nian')[1]; var endY = $('.yue')[1]; var endR = $('.ri')[1]; var endTbtns = $('#endT'); endTbtns.each(function(i, endTbtn) { endTbtn.addEventListener('tap', function() { var optionsJson = this.getAttribute('data-options') || '{}'; var options = JSON.parse(optionsJson); type = 1; dateP(type,endN,endY,endR); }, false); }); }); function dateP(type,nian,yue,ri) { var picker = new mui.DtPicker({ type: "date",//设置日历初始视图模式 beginDate: new Date(1985, 04, 1),//设置开始日期 endDate: new Date(2020, 04, 31),//设置结束日期 }); picker.show(function(rs) { if ( type == 1 ) { nian.innerHTML = rs.y.text; yue.innerHTML = rs.m.text; ri.innerHTML = rs.d.text; picker.dispose(); } }); } } /** * 返回 */ function backUrl() { haifmp.loadMobilePage("haifm", "hvSjlrScIndex.htm?mcid=" + $("#mcid").val()); }