2

利用可能な 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>

出来ますか?助けてくれてありがとう。

4

0 に答える 0