Question

我想制作一个包含按钮图像的工具提示。

使用此代码可以正常工作：

$( document ).tooltip({
  items: "button",
  content: function() {
       var element = $( this );
       if (element.attr('id') === 'surah') {
           return "<img src='http://upload.wikimedia.org/wikipedia/commons/thumb/9/91/Wien_Stefansdom_DSC02656.JPG/450px-Wien_Stefansdom_DSC02656.JPG' />";
       }
    }
});

但是有了这个，它没有（我多次检查图片路径）

$( document ).tooltip({
  items: "button",
  content: function() {
       var element = $( this );
       if (element.attr('id') === 'surah') {
           return "<img src='../img/home.jpg' />";
       }
    }
});

Answer 1

这是你的：'../是一个相对路径，你确定图像在哪里，并记住，如果你的javascript包含在外部文件中，它不是相对于.js文件，而是相对于文件它包含在哪里。

尝试：

if (this.id == 'surah') return 'image.jpg';

正确链接路径非常重要！

工具提示无法使用本地图像

1 个答案: