Question

我有这个功能设置

var $this = $(this);
if (msg == null) { 
    $this.tooltip('destroy');

}
else
{
    $this.tooltip({'title': msg, 'placement': 'right', 'trigger': 'manual'});
    $this.tooltip('show');
}

工具提示显示正常，销毁线会抛出错误data[option] is not a function。如果我将其更改为tooltip('hide')工具提示隐藏自己，我就无法将其删除。任何人都可以帮我解决这个问题吗？

Answer 1

如果你没有使用最新版本的Bootstrap的javascript插件进行错字检查。

tooltip.js包含：

  // TOOLTIP PLUGIN DEFINITION
  // =========================

  var old = $.fn.tooltip

  $.fn.tooltip = function (option) {
    return this.each(function () {
      var $this   = $(this)
      var data    = $this.data('bs.tooltip')
      var options = typeof option == 'object' && option
      if (!data) $this.data('bs.tooltip', (data = new Tooltip(this, options)))
      if (typeof option == 'string') data[option]()
    })
  }

如果是.tooltip('destroy');，则if (typeof option == 'string') data[option]()行会在Tooltip.prototype.destroy不存在时提及错误。

Answer 2

我通过在 bootstrap.min.js

之后加载 jquery-ui.min.js 来修复它

Answer 3

$this.tooltip('destroy'); //it use Bootsrap tooltip

尝试调用jQuery

$(this).$(jQuery).tooltip('destroy');


$.ui.tooltip()

或替换功能

$.fn.tooltip = jQuery.ui.tooltip;

Bootstrap工具提示数据[选项]不是一个功能

3 个答案: