POP js 代码

//-----------------------------
var pop = { timer: null, cuid: "", list: [] };
pop.bindEvent = function ($items) {
    $items.popover({
        animation: true, placement: 'right', title: "<i class="fa fa-user"></i> 用户信息<a href="javascript:;" class='pull-right' title='关闭' onclick="$('.uinfo').popover('hide');"><i class='fa fa-remove'></i></a>", content: function () {
            if (pop.list.GetByID(pop.cuid, "UserID")) {
                var data = pop.list.GetByID(pop.cuid, "UserID");
                var items = JsonHelper.FillItem(pop.tlp, data, null);
                return items;
            }
            //-----------------
           
            var datas;
            $.ajax({
            type:"post",
            url:"/Plat/Common/Common.ashx",
            async:false,//async 异步  sync同步
            data:{ action: "getuinfo", value: pop.cuid },
            dataType:"json",
            success:function(msg) {
              datas = msg;
              console.log(msg);
              
            },
            error:function() {

            }
        });

            datatlp = "<div class="uinfodiv">"
        + "<div class="loadok">"
        + "<div class="info" style="padding-bottom:0px;">"
        + "<div class="pull-left">"
        + "<img src=""+datas.UserFace+"" onerror="shownoface(this);" class="uimg img_mid" />"
        + "</div>"
        + "<div class="uinfo_body">"
        + "<ul class="uinfoul">"
        + "<li class="paddbottom5">"+datas.UserName
        + "<input type="button" class="btn btn-xs btn-info" style="margin-left:8px;" value="AT他" onclick="AddAT('"+datas.UserName+"', '"+datas.UserID+"');" />"
        + "</li>"
        + "<li class="grayremind">电话:"+datas.Mobile+"</li>"
        + "<li class="grayremind">部门:"+datas.GroupName+"</li>"
        + "<li class="grayremind">状态:在职</li>"
        + "</ul>"
        + "</div>"
        + "<div class="clearfix"></div>"
        + "</div>"
        + "<div class="uinfo_bottom">"
        + "<a href="/Plat/Blog/?uids="+datas.UserID+"" class="btn btn-xs btn-primary">工作流</a>"
        + "<a href="/Plat/Blog/?uids="+datas.UserID+"&view=timeline" class="btn btn-xs btn-primary">时间线</a>"
        + "<input type="button" class="btn btn-xs btn-primary" value="私信" onclick="ChatShow('"+datas.UserID+"', '"+datas.UserName+"');" />"
        + "<input type="button" class="btn btn-xs btn-primary" value="站内邮" onclick="PrivateOpen('"+datas.UserID+"', '"+datas.UserName+"'); $('.uinfo').popover('hide');" />"
        + "</div>"
        + "</div>"
        + "</div>"
            

            //var str ="<div class='loadok'><div class='info' style='padding-bottom:0px;'><div class='pull-left'><img src='"+datas.UserFace+"' onerror='shownoface(this);' class='uimg img_mid'></div><div class='uinfo_body'><ul class='uinfoul'><li class='paddbottom5'>"+datas.UserName+"<input type='button' class='btn btn-xs btn-info' style='margin-left:8px;' value='AT他' onclick='AddAT('"+datas.UserName+"', '"+datas.UserID+"');'></li><li class='grayremind'>电话:"+datas.Mobile+"</li><li class='grayremind'>部门:"+datas.GroupName+"</li><li class='grayremind'>状态:在职</li></ul></div><div class='clearfix'></div></div><div class='uinfo_bottom'><a href='/Plat/Blog/?uids="+datas.UserID+"' class='btn btn-xs btn-primary'>工作流</a><a href='/Plat/Blog/?uids="+datas.UserID+"&amp;view=timeline' class='btn btn-xs btn-primary'>时间线</a><input type='button' class='btn btn-xs btn-primary' value='私信' onclick='ChatShow('"+datas.UserID+"', '"+datas.UserName+"');'><input type='button' class='btn btn-xs btn-primary' value='站内邮' onclick='PrivateOpen('"+datas.UserID+"', '"+datas.UserName+"'); $('.uinfo').popover('hide');'></div></div>"
            
            return datatlp;
            //return '<div><i class="fa fa-spinner fa-spin" style="font-size:3em;"></i></div>';
        }, html: true, trigger: 'manual',
    }).hover(function () {
        var uinfo = $(this);
        pop.cuid = uinfo.data("uid");
        pop.timer = setTimeout(function () {
            $(".uinfo").not(uinfo).popover('hide');
            $(uinfo).popover('show'); clearTimeout(pop.timer);
        }, 300);
    }, function () {
        clearTimeout(pop.timer);
    })
}
原文地址:https://www.cnblogs.com/shaozhu520/p/8667219.html