....
突然就用上这东西还不熟悉就写了一个页面而已
<a class="open-popup button pull-right create-actions" id="tjsjcx" >查询</a><!-- href="javascript:tjsjcx();" --> <script>
//查询列表点击事件 $(document).on('click','#tjsjcx', function () { var popupHTML = '<div class="popup popup-about">'+ '<div class="content-block">'+ '<div class="content">'+ '<div class="list-block">'+ '<ul>'+ '<li>'+ '<div class="item-content">'+ '<div class="item-media">'+ '<i class="icon icon-form-calendar"></i>'+ '</div>'+ '<div class="item-inner">'+ '<div class="item-title label">'+ '开始时间'+ '</div>'+ '<div class="item-input">'+ '<input id="ks" type="date" placeholder="Birth day" value="2015-01-01">'+ '</div>'+ '</div>'+ '</div>'+ '</li>'+ '<li>'+ '<div class="item-content">'+ '<div class="item-media">'+ '<i class="icon icon-form-calendar"></i>'+ '</div>'+ '<div class="item-inner">'+ '<div class="item-title label">'+ '截止时间'+ '</div>'+ '<div class="item-input">'+ '<input id="jz" type="date" placeholder="Birth day" value="<%=dq%>">'+ '</div>'+ '</div>'+ '</div>'+ '</li>'+ '</ul>'+ '</div>'+ '<div class="content-block">'+ //'<p><a id="cxqd" class="close-popup button button-big button-round" href="javascript:cxqd();">确定</a></p>'+ '<div class="row">'+ '<div class="col-50">'+ '<a class="close-popup button button-big button-fill button-danger">取消</a>'+ '</div>'+ '<div class="col-50">'+ '<a class="close-popup button button-big button-fill button-success" href="javascript:cxqd();">提交</a>'+ '</div>'+ '</div>'+ '</div>'+ '</div>'+ '</div>'+ '</div>'; $.popup(popupHTML); //$.popup('#popup-about'); }); function cxqd(){ var ks = $("#ks").val(); var jz = $("#jz").val(); console.log(ks); var s= 999; var a = 1; var i = 0; if(ks!=null && ks!="" && jz!=null && jz!=""){ $.ajax({ url:"<%=basePath%>ntsgl/whjj.action", //请求的url地址 //dataType:"json", //返回格式为json cache: false, async:true,//请求是否异步，默认为异步，这也是ajax重要特性 data:{qf:"qf",ks:ks,jz:jz,pageSize:s,pageIndex:i}, //参数值 type:"POST", //请求方式 beforeSend:function(){ //请求前的处理 },success: function(mag){//success指的是请求并成功返回信息 //msg是返回的内容 //alert(mag); var lo = "new"; sjjz_zzl(mag,s,a,lo); },complete:function(){ //请求完成的处理 },error:function(jqXHR, textStatus, errorThrown){//请求出错处理 $.alert("失败!","提示"); return false; } }); } }
</script>
<script>
//进入页面加载 // addItems(SHOWALL,0,"new","ntsgl/whjj.action",1); function addItems( pageSize, pageIndex, loadtype, url, actiontype) { //显示加载提示 $.showPreloader(); //记录本次查询内容 lastSize = pageSize; lastIndex = pageIndex; itemsUrl = url; itemsActiontype = actiontype; //设置请求对象 var rqData = {pageSize:pageSize,pageIndex:pageIndex}; //添加关键词属性,data是对象 var keyword = $("#keyword").val(); if(keyword!=""){ if(type=="ts"||type=="ajcx"||type=="flll"){ rqData['key'] = keyword; } } //添加关键词属性,data是对象 var year = $("#year").val(); if(year!=""){ if(type=="cxcnqy"||type=="hjqy"){ rqData['nd'] = year; } } //new的时候初始化上拉加载 if(loadtype=="new" && $.getScroller($('.infinite-scroll'))+"" != "undefined"){//存在时执行，initPage时自动启动一次 $.attachInfiniteScroll($('.infinite-scroll')); $('.infinite-scroll-preloader').show(); loading=false; } $.ajax({ url: "<%=basePath%>/"+url, data: rqData, cache: false, type:'post', success: function (text) { sjjz_zzl(text,pageSize,actiontype,loadtype); //隐藏加载提示 $.hidePreloader(); }, error: function (jqXHR, textStatus, errorThrown) { $.alert("搜索失败"); $("#tab1 .list-container").html(""); //隐藏加载提示 $.hidePreloader(); } }); } function sjjz_zzl(text,pageSize,actiontype,loadtype){ var json=JSON.parse(text).data; var li=""; //无数据或本次查询数据小于页数的时候禁用上拉加载 if((typeof(json) == "undefined" || json.length<pageSize) && $.getScroller($('.infinite-scroll'))+"" != "undefined"){//存在时执行，initPage时自动启动一次 $.detachInfiniteScroll($('.infinite-scroll')); $('.infinite-scroll-preloader').hide(); loading=true; } if(type=="fw"){ li = fwDate(json,actiontype); }else if(type=="sw"){ li = swDate(json,actiontype); }else if(type=="xz"){ li = xzDate(json,actiontype); }else if(type=="qj"){ li = qjDate(json,actiontype); }else if(type=="flgw"){ li = flgwDate(json,actiontype); }else if(type=="ts"||type=="ajcx"||type=="flll"||type=="qydcl"){ li = tsDate(json,actiontype); }else if(type=="tjcx"){ li = tjcxDate(json,actiontype); }else if(type=="zyzk"){ li = zyzkDate(json,actiontype); }else if(type=="zyzsq"){ li = zyzsqDate(json,actiontype); }else if(type=="zyzrw"){ li = zyzrwDate(json,actiontype); }else if(type=="cxcnqy"){ li = cxcnqyDate(json,actiontype); }else if(type=="hjqy"){ li = hjqyDate(json,actiontype); }else if(type=="zc"){ li = zcDate(json,actiontype); }else if(type=="qydzr"){ li = qydzrtsDate(json,actiontype); } if(loadtype=="new"){ $("#tab1 .list-container").html(li); lastItems = 0; }else{ $("#tab1 .list-container").append(li); } }
</script> <!-- xwh -->
上面
var popupHTML ="";
$.popup(popupHTML);
//$.popup('#popup-about');
的 popupHTML ，官方说的是可以直接把HTML写在外面，然后直接：$.popup('#popup-about');就可以了，但是我那好像不行，有点怪怪的，
(我发现一个事情就是不管写的好的，都被其他人爬走了帖子，爬走就算了，能不能备注一下原帖子在哪，新人请教的时候好找人请教啊)