Bootstrap 基于元素类型的工具提示触发选项

Question

我有这个代码：

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

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

谢谢

Answer 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

Bootstrap 基于元素类型的工具提示触发选项

Bootstrap tooltip trigger options based on element type

jquery

twitter-bootstrap

input

focus

tooltip