利用可能な jQuery ツールチップ コードを使用して、ツールチップに複数の行を表示しようとしています。私が見ることができるすべてのツールチップは、たった 1 つのタイトル属性を引き出します。
ページに画像を表示し、その上にカーソルを合わせると、アイテムのタイトル、価格、在庫数を表示したいと考えています。
これをショップのコードに追加して、これらすべてを html で返すことができます。
<div class="image">
<a href="%mylink%" >
<img src="%myimage%" title="%mytitle%"/></a>
</div>
<div class="price">
<a href="%mylink%">%price%</a>
</div>
<div class="sku">
<a href="%mylink%">%SKU%</a>
</div>
title 属性でこのツールチップを使用して動作しています。
http://jquerytools.org/demos/tooltip/index.html
複数のアイテムを追加する方法がわかりません。私が使用するコードは次のとおりです。
<script>
$(function() {
// initialize tooltip
$(".image img[title]").tooltip({
// tweak the position
offset: [10, 2],
// use the "slide" effect
effect: 'slide'
// add dynamic plugin with optional configuration for bottom edge
}).dynamic({ bottom: { direction: 'down', bounce: true } });
});
</script>
出来ますか?助けてくれてありがとう。