微信公众号开发，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;
}