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 に答える