weixin_33704591 2017-06-09 04:55 采纳率: 0%
浏览 118

切换popover(); 使用ajax

How to toggle popover of the same element? im using ajax so im using this to refer to its specific identity, when ajax success it will toggle its own popover i took this code from w3schools and use it in mine.

HTML

<input type = "text" id = "input_name" class="form-control" data-toggle="popover" title="Popover Header" data-content="Some content inside the popover">

jQuery

$(document).on('keyup', '#input_name', function(){
    var myname = $(this).val();

    if(myname != ''){
        $.ajax({
            url:"sample.php",
            method: "POST",
            data:{myname:myname},
            dataType:"text",
            success:function(data){
                $("[data-toggle='popover']").popover(); 
            }
        });
    }

I want to call its own popover.

  • 写回答

1条回答 默认 最新

  • 衫裤跑路 2017-06-09 06:53
    关注

    https://jsfiddle.net/ws5zojyc/3/

    see above link it might help you

    $(function() {
        $("#input_name").popover({
            content: "Enter a text here"
        });
    });
    
    $("#input_name").keyup(function(event) {
        var myname = $(this).val();
        // alert(myname);
        if (myname != '') {
            $.ajax({
                url: "/echo/js/?js=" + myname,
                method: "POST",
                data: {
                    myname: myname
                },
                dataType: "text",
                success: function(data) {
                    $('#input_name').data('bs.popover').tip().find(".popover-content").html(data)
                }
            });
        }
    });
    

    you can use effect like hover , click etc.

    评论

报告相同问题?

悬赏问题

  • ¥25 LT码在高斯信道下的误码率仿真
  • ¥45 渲染完成之后将物体的材质贴图改变,自动化进行这个操作
  • ¥15 yolov5目标检测并显示目标出现的时间或视频帧
  • ¥15 电视版的优酷可以设置电影连续播放吗?
  • ¥50 复现论文;matlab代码编写
  • ¥30 echarts 3d地图怎么实现一进来页面散点数据和卡片一起轮播
  • ¥15 数字图像的降噪滤波增强
  • ¥15 心碎了,为啥我的神经网络训练的时候第二个批次反向传播会报错呀,第一个批次都没有问题
  • ¥15 MSR2680-XS路由器频繁卡顿问题
  • ¥15 VB6可以成功读取的文件,用C#读不了