2016-11-14 4 views
0

Когда я добавить этот код, всплывающая подсказка не появляется на SVG элементах (круг, Rect)подсказки атрибут Title не работает

Я использую этот код, потому что я wanto использовать <p> и <span> тег в подсказке

Код;

$(function() { 
     $.widget("ui.tooltip", $.ui.tooltip, { 
      options: { 
       content: function() { 
        return $(this).prop('title'); 
       } 
      } 
     }); 

     $(document).tooltip(); 
    }); 

Он работает за исключением Когда SVG я удалю это, она работает для элементов SVG, но не <p><span> теги

Спасибо заранее.

Я использую JQuery-щ

+0

Что вы ожидаете 'this' для обозначения, потому что данный код это будет' window' –

+1

SVG элементы имеют название дочерние элементы, HTML элементы имеют атрибуты заголовка. Я предполагаю, что всплывающая подсказка поддерживает только html. –

ответ

0

Как @Robert Лонгсон заявил в комментарии

поручаю атрибут заголовка для обоих элементов и детей, то он работает.

Это было похоже;

$("#elementId")[ 0 ].title = '<span class="red-span"> TRY OUT </span>'; 
$("#elementId")[ 0 ].children.title = '<span class="red-span"> TRY OUT </span>'; 

 Смежные вопросы

  • Нет связанных вопросов^_^