如何通过定位内部HTML按钮标记“数据内容”来自动淡出popover()。

$('.tooltip-trigger').hover(function(){
  

var title = $(this).attr('title');
  $(this).data('tipText', title).removeAttr('title');
  $('<p class="tooltip"></p>')
         .text(title)
         .appendTo('body')
         .fadeIn('slow');
}, function() {
  $(this).attr('title', $(this).data('tipText'));
  $('.tooltip').remove();
});

$('.tooltip-trigger').mousemove(function(e) {
  var mouseX = e.pageX + 20; //Get X coords
  var mouseY = e.pageY + 10; //Get Y coords
  $('.tooltip').css({ top: mouseY, left: mouseX })
});

$('.tooltip-trigger').click(function(e) {
  $('.tooltip').fadeOut( "slow" );
});

.tooltip {
  display:none;
  position:absolute;
  background-color:#ffff94;
  border: 1px solid grey;
  border-radius:5px;
  padding:2px;
  font-size: 12px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<button type="button" class="btn btn-lg btn-danger tooltip-trigger" title="Popover title">Click to toggle popover</button>