如何添加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。