2015-09-06 3 views
-2

У меня есть circle тег HTML5.Я хочу показать название в теге круга

Когда я добавляю тег title и наведите на него курсор, он показывает title.

Но, я добавляю тег title по jquery, он не показывает title.

Это мой код:

<circle class="visible" style="fill: blue" cx="900" cy="350" r="6"> 
    <!--<title>DeviceB|2015/09/01 24:27</title> (When i add title by jquery and it show title)--> 
</circle> 

<script type="text/javascript"> 
     $(document).ready(function() { 
      $('circle').click(function (e) { 
       $(this).append('<title>DeviceB|2015/09/01 24:27</title>'); 
      }); 
     }); 
</script> 
+2

Было бы лучше, если бы вы могли создать jsfiddle для этого. Предложением может быть использование класса «visible» вместо «this» перед добавлением. –

+0

Ваш вопрос непонятен. Элемент circle - собираетесь ли вы использовать SVG? – markE

ответ

0

<title> тег предназначен для использования в <head>, чтобы показать название веб-страницы во вкладке браузера в современных браузерах и в оконной раме в старых браузерах.

В противном случае атрибут title="" используется в основном документе для всплывающей подсказки описания зависающего элемента.

Попробуйте добавить другие элементы, например: <h1>, <span> для семантической веб-страницы.

0

В коде есть заблуждение. Структурный заголовок документа (скорее всего, вы хотите, чтобы вместо того, чтобы подпрыгивать или меняться заголовок) был установлен с тегом <title> внутри тега <head>. Пользователь не ожидает, что название документа изменится после его полной загрузки.

Однако, если вы действительно хотите изменить заголовок во время выполнения, вы можете получить к нему доступ с помощью document.title. Кроме того, вы должны сохранить имя вашего устройства где-то легко контролировать. Например:

HTML

<input type="hidden" id="device_name" value="DeviceB-FooBar-Barbarian-Etc" /> 

Тогда:

JavaScript

$(document).ready(function() { 
    $('circle').click(function(e) { 
     document.title = $('#device-name').val(); 
    }); 
}); 

Надежда это помогает и удачи!