Question

如何切换相同元素的popover？即时通讯使用ajax所以即时使用this来引用其特定的身份，当ajax success它将切换自己的popover时，我从w3schools获取此代码并在我的中使用它。

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(); 
            }
        });
    }

我想打电话给自己的popover。

Answer 1

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

见上面的链接，它可能对你有帮助

$(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)
            }
        });
    }
});

你可以使用像悬停一样的效果，点击等。

切换popover（）;使用ajax

1 个答案: