微信公众号开发，weUi组件，问题总结

1.实现上拉分页，Google兼容问题，weui框架提供的模板是这样的($(document.body).infinite())，在body定一个div通过这个div，实现上拉

    $('#wrapper').infinite().on("infinite", function() {
         if(loading)
             return;
         loading = true;
         setTimeout(function() {
             page++;
             //你的操作
         }, 2000);
     });

2.多图片预览问题，通过pb1.open(imgEle.index());，指定预览的图片，下面的索引是正确的，但是图片始终显示第一张图片。目前没有找到好的办法解决

 function showImg(e){
     var imgEle=e;
     var arrImage=[];
     var obj={};
     obj.onSlideChange=function(index) {
     };
     obj.onOpen = function() {
     };
     obj.onClose = function() {
     }
     imgEle.parent().children().each(function(i,e){
         var imgSrc = $(e).attr('src');
         arrImage.push(imgSrc.replace('small','medium'));
     });
     obj.items=arrImage;
     var pb1 = $.photoBrowser(obj);
     pb1.open(imgEle.index());
 }

3.weui本身的弹窗有一定的兼容性，有时候弹窗会引起页面的错乱，建议使用dialog.min.js。的弹出框，有安卓和ios两种显示

4.页面中评论弹出框，不能显示在页面底部，特别是苹果手机，如果要让评论框一直显示底部。请不要使用，weUI默认的上拉和下拉代码。可以参考如下代码

     /*上拉加载数据 start*/
     jQuery('#wrapper').infinite().on("infinite", function() {
         if(loading)
             return;
         loading = true;
         setTimeout(function() {
             page++;
             //你的操作
         }, 2000);
     });
     /*上拉加载数据 end*/
     /*下拉更新数据start*/
     $('#wrapper').pullToRefresh().on("pull-to-refresh", function() {
         setTimeout(function() {
             //你的操作
         }, 1000);
     });
     /*下拉加载更多end*/

         <div class="footer">
             <textarea id="commentText" rows="8"></textarea>
             <span class="sendNoTo" id="sendSpan">发送</span>
       </div>

.footer {
    position: fixed;
   	bottom: 0;
   	width: 100%;
    height: 34px;
    background: #ebebeb;
    padding: 8px;
    display:none;
}
.footer #commentText {
    width: calc(100% - 100px);
    height: 26px;
    outline: none;
    font-size: 14px;
    text-indent: 10px;
    position: absolute;
    background-color: transparent;
    border: 0;
    border-bottom: 1px #1bac19 solid;
    resize: none;
    overflow:hidden;
    bottom: 8px;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.footer span {
    display: inline-block;
    width: 46px;
    height: 34px;
	line-height: 35px;
    cursor: pointer;
    text-align: center;
    /* position: absolute;
    right: 10px; */
    border-radius: 6px;
    margin-right: 17px;
    float: right;
	border: 1px #dcdcdc solid;
    font-size: 14px;
}
.sendTo{
    background: #1bac19;
    color: white;
}
.sendNoTo{
	background: #ebebeb;
	color: #d5d5d5;
}