如何在ajax成功内更改JS Popover的内容

时间:2019-06-14 06:02:51

标签: javascript php jquery

我想更改弹出框内的内容,该弹出框是在ajax成功时使用bootstrap popover插件[data-popover]创建的。

页面加载时,元素的弹出内容默认设置为“标题”属性中的内容。 但是我的挑战是“在ajax调用成功响应后更改弹出窗口的内容”, 在元素的click事件上启动Ajax调用

页面加载时,元素的弹出内容默认设置为“标题”属性中的内容。

<span class=" priority " id="p_over" data-toggle="popover" data-placement="top" data-html="true" data-trigger="hover" title="<center>Priority </center>" target="_blank"></span>

点击进入时

 $(document).on('click', '.priority', function(){

    $.ajax({
        type: "post",
        url: myurl
        data: mydata
        success: function (data) {

            $("#p_over").removeClass("priority");
            $("#p_over").addClass("normal");
            if($('.popover').hasClass('in')){
                $(this).popover('hide');
            }
            else
            {
                $(this).attr('title','Cannot proceed with Save while Editing a row.');
                $(this).popover('show');
            } 

        }
    }); 
}); 

我希望span元素的onclick事件在ajax成功时会在弹出窗口中更改内容

0 个答案:

没有答案