layui点击后开启其他页面openLink代码

<a class='openLink' id="other" >
    其他信息<span>其他信息详情</span>
</a>

==================================================================================================

$(function () {



    $('.openLink').on('click',function(){
        var title = $(this).find('span').text();
        var href = $(this).data('href');
        var data = {
            href: href,
            title: title
        };
        parent.navtab.tabAdd(data);
    });
    //window.location.href = contextPath +'/project/getOtherInformation?project_id='+ project_id+'&state=9';
    var project_id = $("#project_id").val();
    $("#other").attr("data-href", contextPath +'/project/getOtherInformation?project_id='+ project_id+'&state=9');
});

================================================================================================

追加式跳转新页面 

$.ajax({
    url: contextPath+"/project/proInfoList",
    type: "post",
    async:false,
    data: obj,
    datatype: "",
    success: function (res) {
        var data = res.data;
        pages = res.pages;
        total = res.total;
        var tablestr = "";
        $.each(data,function(i,val){
            i = i + 1;
            var projectName = val.project_name;
            if(projectName.length >8){
                projectName = projectName.substring(0,8)+"...";
            }
            tablestr += "<tr>";
            tablestr += "<td>"+i+"</td>";
            tablestr += "<td title='"+val.project_name+"'>"+projectName+"</td>";
            /*tablestr += "<td><a href='#'>"+val.inten_name+"</a></td>";*/
            tablestr += "<td>"+val.type_name+"</td>";
            tablestr += "<td>"+val.type_del_name+"</td>";
            tablestr += "<td>"+val.stage_name+"</td>";
            if(val.state == "1"){
                tablestr += "<td>送审中</td>";
            }else if(val.state == "2"){
                tablestr += "<td>已通过</td>";
            }else if(val.state == "3"){
                tablestr += "<td>已驳回</td>";
            }else if(val.state == "4"){
                tablestr += "<td>已立项</td>";
            }else if(val.state == "5"){
                tablestr += "<td>已启动</td>";
            }else if(val.state == "6"){
                tablestr += "<td>已开工</td>";
            }else if(val.state == "7"){
                tablestr += "<td>已完工</td>";
            }else if(val.state == "8"){
                tablestr += "<td>已会审</td>";
            }else if(val.state == "9"){
                tablestr += "<td>已验收</td>";
            }else if(val.state == "10"){
                tablestr += "<td>已结项</td>";
            }else {
                tablestr += "<td>已变更</td>";
            }
            tablestr += "<td>"+val.uname+"</td>";
            tablestr += "<td>"+val.create_date+"</td>";
           // tablestr += "<td><a  class='layui-btn layui-btn-mini layui-btn-primary listBtn'  href='javascript:;' οnclick=\"findById(&quot;"+val.project_id+"&quot;,&quot;"+val.project_num+"&quot;)\">处理</a></td>"
            tablestr +=
                "<td>" +
                "<a  class='layui-btn layui-btn-mini layui-btn-primary listBtn openLink'  data-href='" + contextPath +
                "/project/goProjectPanoramaEdit?project_id=" + val.project_id + "&project_num="+val.project_num+"&flow_name="+val.flow_name+" '>详情<span>项目全景图详情</span>" +
                "</a>" +
                "</td>"

            tablestr += "</tr>";

        });

        if(data.length > 0){
            $("#tbody").empty();
            $("#tbody").append(tablestr);
        }else{
            $("#tbody").html('<tr align="center"><td colspan="10">查询结果为空</td></tr>');
        }
        if(refresh == "Y") {
            layui.use(['jquery','layer','element','laypage'],function(){
                window.jQuery = window.$ = layui.jquery;
                window.layer = layui.layer;
                var element = layui.element(),
                    laypage = layui.laypage;

                laypage({
                    cont: 'page',
                    pages: pages, //总页数
                    curr: pageNum,//页码
                    groups: 5 //连续显示分页数
                    ,
                    jump: function(obj, first) {
                        //得到了当前页，用于向服务端请求对应数据
                        var curr = obj.curr;
                        if(!first) {
                            //refresh = "N";
                            init(curr,pageSize);
                        }
                    }
                });
                if(flag == '0'){
                    flag = '1';
                    $(".layui-box.layui-laypage.layui-laypage-default").append("<span href='#'>共有数据"+total+"条</span>");
                }
            });
        }


        $('.openLink').on('click',function(){
            var title = $(this).find('span').text();
            var href = $(this).data('href');
            var data = {
                href: href,
                title: title
            };
            parent.navtab.tabAdd(data);
        });
    },
    error: function () {
        layer.msg('系统出现异常', { icon: 4 });
    }

});