如何將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。