Bootstrap 3 Tooltip放置自动不起作用

Question

当靠近父边界时，我无法创建Bootstrap 3工具提示来自动从右向左更改放置位置：

$('.pic').on('mouseover', '.pin', function(e) {
  $(this).attr('title', 'zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz');
  $(this).tooltip({
    'placement': 'auto right',
    'boundary': $(this)
  });
  $(this).tooltip('show');
});

$('.pic').on('mouseout', '.pin', function(e) {
  $(this).tooltip('dispose');
});

请参阅小提琴：https://jsfiddle.net/0egk47n9/20/

Answer 1

以下是解决方法：Installing nloptr on Linux

$('.pic').on('mouseover', '.pin', function(e) {
    $(this).attr('title', 'zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz');
    $(this).tooltip({
        placement: function(tip, element) {
            var position = $(element).position();
            var cls = $(element).attr('class').split(/\s+/);
            if (cls[1].indexOf('right') > -1) {
                var d = "left";
            } else {
                var d = "right";
            }
            return d;
        },
    });
    $(this).tooltip('show');
});