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（httpではなくhttps）が使用されています。

この2番目のリンクは機能しません。

jsfiddleをHTTPSではなくHTTP経由で読み込み（URLをhttpsではなくhttpに変更）、次にTangleライブラリのURLをHTTPバージョンに修正します。

Answer 2

HTTPS経由で外部リソースをロードする必要があります。あなたはTangle.jsを提供しています安全なCDNを見つける必要があるでしょう

：リソースを追加するときは、このメッセージが表示されます。