bootstrap中popover与ajax接合实现动态内容
博客专区 > webphp 的博客 > 博客详情
bootstrap中popover与ajax接合实现动态内容
webphp 发表于5个月前
bootstrap中popover与ajax接合实现动态内容
  • 发表于 5个月前
  • 阅读 9
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 技术升级10大核心产品年终让利>>>   

//html内容
<a href="javascript:void(0);" class="popover1" data-id="<?php echo $val->id;?>">查看联系人</a>
//js内容
$('[data-toggle="popover"]').popover();//初始化popover
    $(".popover1").popover({
        html: true,
        placement: 'left',
        title: '查看联系人',
        content: function(){
            var order_id  = $(this).data('id');
            var div_id =  "tmp-id-" + order_id;
            return details_in_popup(div_id, order_id);
        }
    })
    //ajax获取内容
    function details_in_popup(div_id, order_id){
        $.post(BASE_URL+'/admanager/index.php/order/getContacts/', {'order_id':order_id}, function(res){
            if ( res.status > 0 ) {
                var show_html = "<dl><dt>称呼:</dt>";
                    show_html += "<dd>"+ res.info.real_name+"</dd>";
                    show_html += "<dt>手机:</dt>";
                    show_html += "<dd>"+res.info.mobile+"</dd>";
                    show_html +="</dl>";
               $('#'+div_id).html(show_html);
            }else{
                $('#'+div_id).html("<p class='text-danger'>获取内容失败</p>");
            }
        })
        return '<div id="'+ div_id +'">Loading...</div>';
    }
 
共有 人打赏支持
粉丝 2
博文 89
码字总数 90487
×
webphp
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: