基于元素类型的引导工具提示触发选项答案

【问题标题】：Bootstrap tooltip trigger options based on element type基于元素类型的引导工具提示触发选项
【发布时间】：2015-02-07 13:18:26
【问题描述】：

我有这个代码：

$('body').tooltip({
    selector: '[data-toggle="tooltip"]',
    viewport: 'body',
    delay: {
        show: 300,
        hide: 100
    },
    trigger: ($(this.$element).is('input')) ? 'focus' : 'hover'
});

但它不起作用。当元素是表单输入时，我想在焦点上显示工具提示，当不是表单输入元素时，我想在悬停时显示工具提示。但是即使元素是表单输入，这仍然会在悬停时显示工具提示。我需要使用选择器选项，因为我在动态内容上使用工具提示。我做错了什么？

谢谢

【问题讨论】：

标签： jquery twitter-bootstrap input focus tooltip

【解决方案1】：

由于trigger 选项只接受一个字符串，并且没有可用于“this”的引用，因此您必须像这样创建单独的工具提示选择器实例..

$('body').tooltip({
  selector: '[data-toggle="tooltip"]:not("input")',
  viewport: 'body',
  delay: {
    show: 300,
    hide: 100
  },
  trigger: 'hover'
}).tooltip({
  selector: 'input',
  viewport: 'body',
  delay: {
    show: 300,
    hide: 100
  },
  trigger: 'focus'
});

演示：http://bootply.com/tRzW28a0mH

【讨论】：