页面中ajax拼接页面 点击触发相应事件

function showModel() {
    var fxyjScope=$('#fxyjScope').val();
    var modelName=$('#modelName').val();
    var state=$('#state').val();
    //查询模型总数
    $.ajax({
        type:'post',
        dataType:'json',
        data:{fxyjScope:fxyjScope,modelName:modelName,state:state},
        url:App.interfaceHost+'modelController/selectAllModelCount',
        success:function (res) {
            debugger
            if(res.count>=0){
                //调用分页
                laypage.render({
                    elem: 'page',
                    count: res.count,
                    prev:'<',
                    next:'>',
                    limit:6,
                    limits:[6,12,24,48],
                    layout: ['prev', 'page', 'next', 'limit'],
                    jump: function(obj){
                        var page=obj.curr;
                        var limit=obj.limit;
                        //查询指定页模型
                        $.ajax({
                            type:'post',
                            dataType:'json',
                            data:{page:page,limit:limit,fxyjScope:fxyjScope,modelName:modelName,state:state},
                            url:App.interfaceHost+'modelController/selectAllModel',
                            success:function (res) {
                                //展示模型
                                var modelHtml='';
                                for (var i=0;i<res.data.length;i++){
                                    modelHtml +='<li>\n' +
                                        '                    <div class="modelDiv">\n' +
                                        '                        <div>\n' +
                                        '                            <div class="modelTitle">\n' +
                                        '                                <h3 id="'+ res.data[i].fxyjModelId +'">'+ res.data[i].fxyjModelName +'</h3>\n' +
                                        '                                <h4>风险预警领域：'+ res.data[i].fxyjScopeCode +'</h4>\n' +
                                        '                            </div>\n' +
                                        '                            <div class="modelOperate">\n' +
                                        '                                <a href="#" class="viewBtn"><img src="../../riskEarlyWarning/image/view.svg"></a>\n' +
                                        '                                <a href="#" class="editBtn"><img src="../../riskEarlyWarning/image/edit.svg"></a>\n' +
                                        '                            </div>\n' +
                                        '                        </div>\n' +
                                        '                        <div class="explainDiv">\n' +
                                        '                            <p>'+ res.data[i].modelExplanation +'</p>\n' +
                                        '                        </div>\n' +
                                        '                        <div>\n' +
                                        '                            <span>更新时间：'+ formatDate(res.data[i].updateDate) +'</span><span>模型版本：'+getVersion(res.data[i].modelVersion)+'</span>\n' +
                                        '                        </div>\n' +
                                        '                        <div></div>\n' +
                                        '                    </div>\n' +
                                        '                </li>';
                                }
                                $('.content ul').html(modelHtml);
                            },
                            error:function () {
                                parent.layer.alert('<span>系统异常！</span>', {
                                    skin: 'demo-class3', btn: 0, title: false
                                });
                            }
                        })
                    }
                });
            }
        }
    })
  
}

$(document).on('click','.viewBtn',function () {
    var h3=$(this).parent().siblings('.modelTitle').children('h3')[0];
    var fxyjModelId=h3.id;
    var fxyjModelName=h3.innerText;
    layer.open({
        type:2,
        title:'风险指标列表',
        data:{fxyjModelId:fxyjModelId,fxyjModelName:fxyjModelName},
        content:getPath()+'/riskEarlyWarning/riskModel/riskNormList.html',
        closeBtn :1,
        area:['70%','750px'],
        resize:false,
        shade:0.5
    });
});