Question

我的工具提示工作正常，默认为$('selector').tooltip('show'); 然后我想得到所有的幻想。它必须是显而易见的东西，但我无法看到它。

的Javascript

initTooltip(
    $element, {'placement': 'bottom', 'title': Messages[$element.id + 'Required']}
);

使用Javascript：

initTooltip: function($element, options) {
    $('#' + $element.id).tooltip({
        'placement': options.placement,
        'title': options.title
    });
}

当我记录initTooltip的params时，这就是我得到的（正如预期的那样）

使用Javascript：

Object {placement: "bottom", title: "Please enter your Last Name."}

一切似乎都已到位，我也没有收到任何错误。工具提示本身不会呈现。我需要拨打tooltip.show()或其他东西。

Answer 1

我找到了符合我需求的解决方案。我的垮台是＆＃34;触发＆＃34;属性。对于遇到这篇文章的人来说，这就是我正在做的事情。工作得很好。

<强> JavaScript的：

initTooltip($element, {'placement': 'bottom', 'title': Messages[$element.id + 'Required']});

<强> JavaScript的：

/**
* Renders a tool tip for the given input.
* @param {object} $element | The input element.
* @param {object} options | Display options.
* @returns {void}
* 
*/
initTooltip: function($element, options) {
    $('#' + $element.id).tooltip({
        'placement': options.placement,
        'title': options.title,
        'trigger': 'manual'
    }).on({
        blur: function() {
            $('#' + $element.id).tooltip('show');
        },
        focus: function() {

        }
    });
}

我正在使用onInputFocusOut事件验证文本输入。当发生这种情况时，如果出现错误，我会显示错误，然后渲染工具提示（上图）。

Answer 2

将所有工具提示分配为class =“ttip”并使用此功能：

  $(document).ready(function(){
  $(".ttop").tooltip({
    placement : 'top'
  });
 });

您可以看到我已将其设为project。

Bootstrap工具提示未显示

2 个答案: