ツールチップの自動配置が正しく機能しないのはなぜですか？

私はブートストラップの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されます。私はまた、JSのデフォルトの配置値を変更：$('.tooltip-trigger').tooltip();

を意図したように、自動配置が動作していない理由：ここで

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 
    } 
    }

は、私が初期化していますどのように？

出典

2016-08-16 Ralph David Abernathy

「auto bottom」はブートストラップ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）で試しましたが、それでも正しく動作しません。 –

Hmm ..あなたのコードにjsFiddleを共有できますか？上のリンクで、彼らは[jsFiddle]（http://jsfiddle.net/77ak3/1/）を与えています。 – Chitrang

"auto"を指定すると、動的にツールチップの向きを変更します。たとえば、プレースメントが「自動ボトム」の場合、可能であればツールチップが下に表示され、そうでない場合は上が表示されます。

出典

2016-08-16 18:43:54

これは当てはまりません。 \t "ツールヒントを配置する方法 - top | bottom | left | right | auto " auto "を指定すると、動的にツールチップの向きが変更されます。可能であればツールチップが左に表示され、そうでなければ右に表示されます。ソース：http://getbootstrap.com/javascript/#tooltips –

あなたは正しいです。私を修正してくれてありがとう。間違った答えを申し訳ありません。 –

ドキュメントによると "auto"を指定すると、動的にツールチップの向きが変更されます。たとえば、プレースメントが「自動左」の場合、可能であればツールチップが左に表示され、そうでない場合は右に表示されます。 –

ツールチップの自動配置が正しく機能しないのはなぜですか？

答えて

関連する問題