时间戳

首页 > 解决方案 > 如何在 Javascript 中使用 HtmlTags？

javascript - 如何在 Javascript 中使用 HtmlTags？

问题描述

您好，我一直坚持在我的模态代码中添加一些文本 img 和链接。

标题标签<h1 </h1>工作正常但是当我尝试使用<a> </a>标签添加链接时它不起作用<img> </img>标签也不起作用下面是我的代码

<html>
<head>
<meta charset=utf-8 />
<title>Delayed modal demo</title>
<link rel="stylesheet" 
href="https://cdn.rawgit.com/jackmoore/colorbox/master/example1/colorbox.css" />
</head>
<body>

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script 
src="https://cdn.rawgit.com/jackmoore/colorbox/master/jquery.colorbox- 
min.js"></script>

<script>
  <!-- Code here -->
  setTimeout(function(){
$.colorbox({
html:"How to Add Link and img here    ",
className: "cta",
width: 350,
height: 150
});
}, 1000);

</script>

</body>
</html>

标签： javascripthtmlcss

解决方案

试试这个代码。

setTimeout(function(){
    $.colorbox({
        html:"<a href=''><img src='image.jpg'></a>",
        className: "cta",
        width: 350,
        height: 150
    });
}, 1000);

推荐阅读