2

我正在尝试使用可用的 jQuery 工具提示代码在工具提示中显示多行。我能看到的所有工具提示都只包含一个标题属性。

我在页面上显示一张图片，当我将鼠标悬停在它上面时，我想显示商品的标题、价格和库存编号。

我可以将此添加到我的商店代码中并以 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