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

Question

试图将Tangle.js库添加到jsfiddle并且它不工作。

小提琴是here

代码是：

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; 
     } 
}); 

URL的纠结是：http://worrydream.com/Tangle/Tangle.js

我们添加的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加载外部资源。当添加资源，你看到这条消息：

你需要找到一个安全的CDN，提供Tangle.js。