2

したがって、javascript.js ファイルに次のような一般的なセレクターがあります。

$(document).on('hover', '*[rel=tooltip]', function(e){
    $(this).tooltip();
});

そして、私のHTMLファイル全体に、次のようなタグがありますrel='tooltip'：

<i class="icon-ban-circle" rel="tooltip" title="Ban" data-placement="bottom"></i>
<a rel="tooltip" title="hover for tooltip">Text</a>

このソリューションは機能しますが、注意が必要です。ツールチップを表示するには、要素にもう一度カーソルを合わせる必要があります。rel="tooltip"HTML にandを追加するだけですぐにtitle="some text"ツールチップが表示されるので、その利便性を維持したいと考えています。

この問題をデモする JSFiddle を作成しました: http://jsfiddle.net/xKKMM/

4

1 に答える 1

3

試す：

$(document).on({
    'mouseenter': function (e) {
        $(this).tooltip('show');
    },
        'mouseeleave': function (e) {
        $(this).tooltip('hide');
    }
}, '*[rel=tooltip]');

フィドル

あなたの場合に起こることは、ツールチップコンストラクターを呼び出してツールチップを設定する最初のホバー中にのみです。その後、ホバーすると既に設定されているため、ホバーすると表示されます。これとセットアップを組み合わせることができます。ただし、これにより、ホバーするたびにコンストラクターが呼び出されます。なので、このように一気にやるだけで回避できます。

$('*[rel=tooltip]').tooltip();
于 2013-09-23T19:11:59.090 に答える