loadで読み込んだ子から親のjsが呼べない

Question

jQuery及びjs絡みの質問です。

親htmlと子htmlがあります。
jQueryのloadで、親に子を読み込みました。

<script> $(function() { $("#box").load("ko.html"); }); </script>

ここまでは問題なく。

しかし親に読み込まれた外部jsを子の要素から呼べない問題発生。
親<script src="hoge.js">←呼べない←子

いろいろ試行錯誤の末、親に読み込んでいた外部jsを
すべて子で読み込んだ所、正常に外部jsを呼ぶ事ができるようになりました。

親→呼べる→子<script src="hoge.js">

親の要素からも、子の要素からも呼べます、動作的には正解…
なのですが、釈然とせず…

試しに弟html（子htmlの後にload）を、親に読み込んだ所、
やはり弟から子（兄）の外部jsを呼ぶ事はできませんでした。

親→呼べる→子（兄）<script src="hoge.js">←呼べない←弟
子（兄）に読み込んでいた外部jsを
すべて弟で読み込んだ所、正常に外部jsを呼ぶ事ができるようになりました。
親の要素からも、兄の要素からも、弟の要素からも外部jsを呼べました。

親→呼べる→子（兄）→呼べる→弟<script src="hoge.js">

理由は分かりませんが動作的には正解…????

しかし「外部jsは末っ子に移せばOK！」がセオリーとは思えません????

外部js読み込みは親のままで、親に読み込んだ兄弟からも、
親に読み込んだ外部jsを呼ぶにはどうすればいいでしょうか。

理想
親<script src="hoge.js">←呼べる←子（兄）←呼べる←弟

Comments

[m.ts10806]

全体のコードを提示してください。
言葉で説明するより実際のコードを提示した方が良いです。

[AkitoshiManabe]

外部JSの意味を明記してください。読み込んでいるのが ko.html なら、親に呼ばれたのはHTMLであって、JSではないはずです。もし、外部にあるjavascriptをサブリソースとして読むなら、script要素を追加する形で document.body.appendChild(Object.assign(document.createElement("script"), { src:url })) で読めます。