подсказка не работает с локальными изображениями

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, а к файлу, в который он включен.

Try:

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

Образцы пути правильно это очень важно!