MVC Classic ウィジェット > Wijtooltip > Wijtooltip タスク別ヘルプ > ツールチップの書式設定 |
ツールチップを表示して書式設定するには、showCallOut、calloutFilled、および position オプションを使用して、次のようにツールチップを表示して書式設定します。
ソースビュー |
コードのコピー
|
---|---|
<script id="scriptInit" type="text/javascript"> $(document).ready(function () { $(".tooltip>a").wijtooltip({ showcallout: true, calloutFilled: false, position: { my: 'left bottom', at: 'right top' }, height: 300, width: 400, ajaxCallback: function () { var ele = this; ele.wijtooltip("option", "content", ele.html() + "のツールチップです。"); } }); }); </script> <div class="main demo"> <!-- デモマークアップの開始 --> <ul class="ui-helper-reset ui-widget-header ui-corner-all" style="padding: 1em;"> <li class="tooltip"><a href="#">Anchor1</a></li> <li class="tooltip"><a href="#">Anchor2</a></li> <li class="tooltip"><a href="#">Anchor3</a></li> <li class="tooltip"><a href="#">Anchor4</a></li> </ul> <!-- デモマークアップの終了 --> <div class="demo-options"> <!-- オプションマークアップの開始 --> <!-- オプションマークアップの終了 --> </div> </div> |