我正在使用http://visjs.org/docs/timeline/#Example中的示例设置时间轴。有人能告诉我我需要添加一个本地链接到我有的图形吗?
我试过a.href,但也许我做错了。这是我的代码注释掉的代码段:
var item5 = document.createElement('div');
item5.appendChild(document.createTextNode('item 5'));
item5.appendChild(document.createElement('br'));
var img5 = document.createElement('img');
// img5.a.href = 'attachments/AddDuties.pdf';
img5.src = 'icons/pdf1.png';
img5.style.width = '48px';
img5.style.height = '48px';
item5.appendChild(img5);
这是一些更多的代码(我削减了部分以减小尺寸,它在我在图像5下面添加我自己的代码之前工作:)。图5是我想要将图形链接到文件的图像。
<title>Timeline | Basic demo</title>
<script src="vis-4.21.0/dist/vis.js"></script>
<link href="vis-4.21.0/dist/vis.css" rel="stylesheet" type="text/css" />
</head>
<body>'
<script>
// create a couple of HTML items in various ways
var item1 = document.createElement('div');
item1.appendChild(document.createTextNode('item 1'));
var item4 = 'item <span class="large">4</span>';
**var item5 = document.createElement('div');
item5.appendChild(document.createTextNode('item 5'));
item5.appendChild(document.createElement('br'));
var img5 = document.createElement('img');
// img5.a.href = 'attachments/AddDuties.pdf';
img5.src = 'icons/pdf1.png';
img5.style.width = '48px';
img5.style.height = '48px';
item5.appendChild(img5);**
</body>
我希望能够单击图形并按照指定的链接。我知道如何在HTML中使用href,我只是不知道代码需要告诉javascript如何链接图像5中的图形。
href是<a>
标签的一个属性。您无法将href添加到图像。
你应该做的是创建一个<a>
元素分配你想要的href和
将img附加为<a>
元素的子元素。
<a href="{whatever you want}">
<img src=....>
</a>
编辑:
如果由于某种原因你无法使用<a>
包装图像,你可以为图像分配和id
,然后添加一个事件监听器,用于重定向你的点击。