| 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>
|
|