jQueryプラグインPowerTip
ツールチップにHTMLを流し込みたくてPowerTipに行き着いた.しかし,まだ為していない.
- jQuery PowerTip v1.2.0
- jQuery v2.0.3
読み込み
<!-- jQuery 読み込み --> <script type="text/javascript" src="js/libs/jquery/jquery.js"></script> <script type="text/javascript" src="js/libs/jquery-powertip/jquery.powertip.js"></script>
使用
$(document).ready(function(){ // <span class="skillname">ultimate break</span>ホバー時にtip表示 // オプションは中括弧内部に記述して指定する $("span.skillname").powerTip({placement: "s"}); } *スタイルシート >|css| #powerTip{ /* 必須 */ display: none; position: absolute; /* 推奨 */ z-index: 2147483647; background-color: #cccccc; border: solid 1px black; }
チップテキスト設定
function Skill(tsvRow) { this.id = tsvRow["id"]; this.description = tsvRow["description"]; $("td#"+this.id).find("span.skillname").data("powertip", this.description); }
成していた
成していた.プレビューに使用していたWebkitが太字表現をサポートしておらず,分からなかったのだ.(2014年3月27日9時42分)