0

jQuery UI ツールチップ ウィジェット内に非表示のインライン コンテンツを表示するのに問題があります。これが私がこれまでに持っているものです：

$("a.tooltip").tooltip({
        content: function() {
                $('table').show();
                return $('table');              
        }

    });

問題のテーブルは、デフォルトで表示しないように設定されています。上記のコードでは、ツールヒントに表が表示されますが、ツールヒントをアクティブにするリンクからマウスを離して戻ると、インライン コンテンツのない空のツールヒントが表示されます。ツールチップからマウスを離したときに destroy() メソッドを呼び出したいと思いますが、それをどこに置くべきか正確にはわかりません。

4

1 に答える 1

0

コンテンツを再バインドする必要があります

$("a.tooltip").on('mouseenter', '.sourceItem', function(){
    $(this).find('.table').show();              
    }).on('mouseleave', '.sourceItem', function(){
    $('.tooltip').hide();
});

機能を使用するjQueryを使用してください。これをreadyイベントに配置します。

于 2013-01-25T18:47:19.777 に答える