我正在尝试创建一个带有图像的工具提示,当显示在较小的图像上时显示(缩略图)
这有效:
<img alt='geen foto beschikbaar' class='plupic' id='Pic5' src='fotos/nopic.jpg' style="margin:10px; max-height: 100px; max-width: 100px;">
<script>
$(function() {
$( document ).tooltip({
items: "img",
content: function() {
var element = $( this );
if ( element.is( "img" ) ) {
var src = element.attr('src');
return "<img src='" + src + "'>";
}
}
});
});
</script>
但是这会在我网站上的每个图片上创建一个工具提示,这不是我想要的,我想要一些图像上的工具提示,但不是全部。
这是我尝试过,但不起作用:
<img alt='geen foto beschikbaar' class='plupic' id='Pic5' src='fotos/nopic.jpg' style="margin:10px; max-height: 100px; max-width: 100px;">
<script>
$(function() {
$('.plupic').tooltip({
content: function() {
var element = $( this );
var src = element.attr('src');
return "<img src='" + src + "'>";
}
});
});
</script>
它什么都不做,甚至没有警告或错误。我做错了什么?