sui Mobile 试玩

....

突然就用上这东西还不熟悉就写了一个页面而已 

<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');就可以了，但是我那好像不行，有点怪怪的，

(我发现一个事情就是不管写的好的，都被其他人爬走了帖子，爬走就算了，能不能备注一下原帖子在哪，新人请教的时候好找人请教啊)