使用带有Headway Widget的HTML / CSS

时间:2016-04-29 12:33:05

标签: javascript html css

我正在尝试将Headway Widget(https://headway.gitbooks.io/docs/content/widget.html)添加到我们的公司BI网站以发布更改日志信息。我使用了https://headway.gitbooks.io/docs/content/widget.html中提供的文档来创建一个简单的HTML文档,但我无法在我的页面中显示该窗口小部件。我很感激能帮到我解决这个问题。

它应该如下工作: https://gmelius.com/ - 注意新闻菜单项上的Headway Widget。 https://jsfiddle.net/ - 注意页面右上角的Headway Widget。

我的更新日志位于https://headwayapp.co/teksystems-changelog

这是我的HTML代码到目前为止的样子。

<html>
<head>
<script>

var HW_config = {
  selector: "h2",
  account: "5JVROJ"
};
</script>
<script async src="//cdn.headwayapp.co/widget.js"></script>
</head>
<body>
<h2>
<a href="">News</a>
</h2>
</body>
</html>

1 个答案:

答案 0 :(得分:2)

在代码笔上正常工作。您是否尝试在开发站点上首先在本地添加它?因为当我在本地查看它时,在嵌入窗口小部件时会失败,这实际上只是指向您帐户模板的链接。

这是在代码笔中: codepen.io/Riddell/pen/KzGGPq

<h2><a href="">News</a></h2>
<script>
    var HW_config = {
        account: "5JVROJ",
        selector: "h2"
    };
</script>
<script async src="https://cdn.headwayapp.co/widget.js"></script>

您可以尝试运行本地WAMP / MAMP服务器进行本地测试。