javascript - 无法使用 bootstrap 触发工具提示会出现错误

Question

我创建了一个工具提示来显示鼠标是否位于 chop 的文本上。但我收到以下错误

Error: cannot call methods on tooltip prior to initialization; attempted to call method 'options'.

我也尝试在省略号处于事件状态时调用它，但效果不佳。这里有什么问题吗？这一切如何才能完成？

html:

<div>
    <label class='form-control' data-toggle='tooltip' data-placement='bottom' title='something'>truncated text</label>
<div>

脚本:

$(document).on('mouseenter', ".form-control", function () {
     var $this = $(this);
     if (this.offsetWidth > this.scrollWidth) {
         $this.tooltip('options', 'show');
     }
});

Answer 1

引用http://codepen.io/avnish002/pen/rxjWzE

$(document).on('mouseenter', ".iffyTip", function () {
     var $this = $(this);
     if (this.offsetWidth < this.scrollWidth && !$this.attr('title')) {
         $this.tooltip({
             title: $this.text(),
             placement: "top"
         });
         $this.tooltip('show');
     }
 });
$('.hideText').css('width',$('.hideText').parent().width());