MVC Classic ウィジェット > Wijtooltip > Wijtooltip タスク別ヘルプ > モーダルツールチップの作成 |
モーダルツールチップを作成するには、次のように、modal オプションを true に設定します。
ソースビュー |
コードのコピー
|
---|---|
<script id="scriptInit" type="text/javascript"> $(document).ready(function () { $("#target>a").wijtooltip({ modal: true, closeBehavior: "sticky" }); $("#isModal").click(function () { $("#target>a").wijtooltip("option", "modal", !!$("#isModal").is(":checked")); }); }); </script> <div class="main demo"> <!-- デモマークアップの開始 --> <div id="tooltip"> </div> <h3 id="target" class="ui-helper-reset ui-widget-header ui-corner-all" style="padding: 1em;"> <a href="#" title="Hover on me to close">要素にホバーします</a> </h3> <!-- デモマークアップの終了 --> <div class="demo-options"> <!-- オプションマークアップの開始 --> <label for="isModal"> モーダル</label> <input type="checkbox" id="isModal" checked="checked" /> <!-- オプションマークアップの終了 --> </div> </div> |