Почему автоматическое размещение всплывающей подсказки работает неправильно?

Я использую плагин Bootstrap's tooltip, и у меня проблемы с получением data-placement="auto bottom" для работы. Использование data-placement="bottom" работает по назначению. Вот что мой элемент выглядит следующим образом:Почему автоматическое размещение всплывающей подсказки работает неправильно?

<button class="tooltip-icon btn-icon tooltip-trigger" title="Enter Address" data-placement="auto bottom"> 
    <svg class="icon help"> 
    <use xlink:href="#help"/> 
    </svg> 
</button>

выше вызывает размещение в подсказке, чтобы быть top. Я также изменил стоимость размещения DEFAULT в JS:

Tooltip.DEFAULTS = { 
    animation: true, 
    placement: 'auto bottom', 
    selector: false, 
    template: '<div class="bootstrap-tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>', 
    trigger: 'hover focus', 
    title: '', 
    delay: 0, 
    html: false, 
    container: false, 
    viewport: { 
     selector: 'body', 
     padding: 0 
    } 
    }

Вот как я инициализирующий: $('.tooltip-trigger').tooltip();

Почему автоматическое размещение не работает как задумано?

источник

2016-08-16 Ralph David Abernathy

Похоже, что «auto bottom» отлично работает с bootstrap v3.2.0, но не с последней версией: [https://github.com/twbs/bootstrap/issues/13934](https://github.com/twbs/bootstrap/issues/13934) – Chitrang

@Chitrang Спасибо за эту находку. Я пробовал с v3.2.0 (https://github.com/twbs/bootstrap/blob/dca8afa333f47dcdaf44162d66a0ac18f9ea126b/js/tooltip.js), но он все еще работает неправильно. –

Хм .. можете ли вы поделиться jsFiddle для своего кода? В приведенной выше ссылке они дали [jsFiddle] (http://jsfiddle.net/77ak3/1/), где он работает нормально. – Chitrang

Если указано «авто», оно будет динамически переориентировать всплывающую подсказку. Например, если место размещения «автоматически снизу», всплывающая подсказка будет отображаться внизу, когда это возможно, иначе она отобразит верхнюю часть.

источник

2016-08-16 18:43:54

Это неправда. Цитата из документации: \t «Как расположить всплывающую подсказку - вверху | внизу | влево | вправо | авто Когда указано« auto », оно будет динамически переориентировать всплывающую подсказку. Например, если размещение« auto left » , подсказка будет отображаться слева, когда это возможно, иначе она будет отображаться справа. " Источник: http://getbootstrap.com/javascript/#tooltips –

Вы правы. спасибо, что исправил меня. извините за неправильный ответ. –

В соответствии с документацией Когда указано «auto», оно будет динамически переориентировать всплывающую подсказку. Например, если размещение «авто слева», всплывающая подсказка будет отображаться слева, когда это возможно, иначе оно будет отображаться справа. –

Почему автоматическое размещение всплывающей подсказки работает неправильно?

ответ

Смежные вопросы