如何将Tangle.js作为外部资源添加到jsfiddle

Question

试图将Tangle.js库添加到jsfiddle中，但它不起作用。

小提琴在这里

代码是：

   var tangle = new Tangle (document.getElementById("bedroomcostcalculator"), {
    initialize: function () {
        this.bedrooms = 2;
        this.cost = 300000;
        this.costperbedroom = 150000;
        },
update: function () {
        this.cost = this.bedrooms * this.costperbedroom;
       }
});

缠结的网址是： http ://worrydream.com/Tangle/Tangle.js

我们已将该URL添加到“外部资源”中，但未选择该URL。 我看过其他需要链接到CDN格式的帖子-我们将如何做？

Answer 1

就像您说的那样，该库的URL是http://worrydream.com/Tangle/Tangle.js ，但是在您的jsfiddle中，您使用的是URL https://worrydream.com/Tangle/Tangle.js（https而不是http）。

第二个链接根本不起作用。

切换为通过HTTP而不是HTTPS加载jsfiddle（将URL更改为http而不是https），然后将Tangle库URL修复为HTTP版本。

Answer 2

外部资源需要通过HTTPS加载。 添加资源时，您会看到以下消息：

您将需要找到提供Tangle.js的安全CDN。