我想更改弹出框内的内容,该弹出框是在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成功时会在弹出窗口中更改内容