Question

我有一个circle标记HTML5。

当我添加标记title并将其悬停时，会显示title。

但是，我通过jquery添加了标记title，但它没有显示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>

Answer 1

<title>代码用于<head>，用于在现代浏览器的浏览器标签页和旧版浏览器的窗口框中显示网页标题。

否则，在主文档中使用属性title=""来获取悬停元素描述的工具提示。

尝试添加其他元素，例如：<h1>，<span>用于语义网页。

Answer 2

您的代码存在误解。结构文档标题（您更可能希望而不是弹跳或更改标题）在<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();
   });
});

希望这会有所帮助并祝你好运！

我希望在圈标记

2 个答案: