0

我的工具提示在默认情况下工作得很好$('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 的参数时，这就是我得到的（如预期的那样）

Javascript：

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

一切似乎都到位，我也没有收到任何错误。工具提示本身只是不呈现。好像我需要打电话tooltip.show()什么的。

4

2 回答 2

0

我找到了适合我需要的解决方案。我的失败是“触发”属性。对于遇到此帖子的任何人，这就是我正在做的并且运行良好。

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事件验证文本输入。发生这种情况时，如果出现错误，我会显示错误，然后呈现工具提示（上图）。

于 2014-04-25T16:45:57.207 回答
0

为所有工具提示分配一个 class="ttip" 并使用此功能：

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

你可以看到我已经在这个项目上工作了。

于 2014-04-25T19:07:28.373 回答