Question

我使用此链接：

 <?php echo $this->Html->link('Home',
 array('controller'=>'PurchasesOrders','action'=>'report'),array('id'=>"po",
 'data-placement'=>"top" ));?>

这是我的ajax代码：

function PoNotification(){

   $('#po').removeAttr('title');

    var data = '';
    var url  = '';

    url  = '<?php echo $this->Html->url(array( 'controller' => 'PurchasesOrders', 'action' => 'purchases_orders_notification')) ;?>';

    $.ajax({
                    type     : "get",
                    url      : url,
                    dataType : 'json',

                    error    : function(resp){

                    },

                    success : function(resp){
                               $('#po').attr('title', resp.po);
                               $('#po').tooltip({trigger: 'manual'}).tooltip('show');        
                    }

            });           
     }

        setInterval(PoNotification, 5000);    
        $(function(){
            PoNotification();
        });

问题是每次加载ajax时#po的标题值都保持不变。它仅显示最后一个值。

这是一个小提琴示例： https://jsfiddle.net/793vmspg/6/

Answer 1

尝试使用.attr（）

$('#po').attr('title', resp.po);

如果它仍然不起作用，我建议你调试resp.po以查看它带有什么值。

console.log(resp.po);
alert(resp.po);

看看它是否有帮助。

Answer 2

得到解决方案：

 $('#po').tooltip({trigger: 'manual'}).tooltip('destroy');

在ajax加载之前使用它。

ajax更新不使用titile属性

2 个答案: