jqueryUIのツールチップをカスタムdivにラップするには？

Question

デフォルトでは、.ui-tooltipを含む親divでツールチップが作成されます。別のライブラリを使わずに、のカスタムdivに.ui-tooltipを貼り付けるためにこれを行う方法はありますか？

$(tooltipTrigger).tooltip({ 
    tooltipClass: "custom-tooltip-styling", // this works 
    tooltipWrapper: "<div class='custom-tooltip-wrapper'></div>" // this is what I want to work 
}); 

私は基本的に、出力は次のようになりたい：

<div class="custom-tooltip-wrapper"> 
    <div class="ui-tooltip custom-tooltip-styling"></div> 
</div> 

私は.tooltip()内.wrap()を使用してみましたが、それは動作していないようでした。何か案は？

$(document).tooltip({ 
    tooltipClass: "custom-tooltip-styling", 
    open: function(event, ui) { 
     $(ui.tooltip).wrap("<div class='custom-tooltip-wrapper'></div>"); 
    }, 
    close: function(event, ui) { 
     $('.custom-tooltip-wrapper').remove(); 
    } 
}); 

はしかし、あなたはそれに応じて、それがそうでなければ、単にページの最後に表示されますあなたのラッパーのスタイルを設定する必要があります。作成したツールチップの周りにあなたのdivをラップするイベント -

Answer 1

あなたはopenを使用することができます。 私はここでclose - イベントを使用して、後でラッパーを取り除きます。

---

Example