jquery owl-carousel において javascript部分を外部ファイルとして保存読み込みしたい

Question

前提・実現したいこと

owl-carouselでjavascript部分を外部ファイルとしたい。

http://www.landmarkmlp.com/js-plugin/owl.carousel/demos/customJson.html
ソースコードはこちらです。

発生している問題・エラーメッセージ

html内に javascriptを記述した場合は表示されるのですが、外部ファイルとして抜き出すと何も表示されず困っております。アドバイスいただけないでしょうか。

該当のソースコード

以下htmlに記述している必要なコード
以下のようにhtmlファイル１枚に記述すると機能します。
jsonのパスは実際は絶対パスなので問題ないと思われます。
$("#owl-demo").html(content);　とか $("#owl-demo").owlCarousel のパスに関する問題な気がするのですが知識がなく解決できません。

---

<div id="owl-demo" class="owl-carousel"> <script> $(document).ready(function() {

$("#owl-demo").owlCarousel({
jsonPath : 'json/customData.json',
jsonSuccess : customDataSuccess
});

function customDataSuccess(data){
var content = "";
for(var i in data["items"]){

   var img = data["items"][i].img;
   var alt = data["items"][i].alt;

   content += "<img src=\"" +img+ "\" alt=\"" +alt+ "\">"
}
$("#owl-demo").html(content);

}

});
</script>
------以下のように分けると表示されなくなります
上記の<script></script>に囲まれた部分をそのままtest.jsとして保存しています。

<div id="owl-demo" class="owl-carousel"> <script type="text/javascript" src="https://test.com/test.js"></script>

Comments

[kei344]

エラーは出ていませんか？デベロッパーツールで確認してみてください。https://eng-entrance.com/javascript-display-error

Answer 1

kei344様 お早い返信ありがとうございます！

アドバイスいただいたとおりにconsoleで確認して解決いたしました。
原因は　https から http を呼ぼうとしてたことです。"s"が抜けていました…