のiframeにReferenceError：$は私はiframe内のテンプレートをロードする必要があり

Question

定義されていないので、私は私が持っているhtmlファイルに、動的に私のテンプレートのHTMLファイルをロードしています。このコード

<div class="col m8 l8 s12 margin-top-30" id="hue-demo-bg-div"> 
    <iframe id="myiframe" src="/themes/{{$themeid}}.html" width="560" height="550" style="border-width: 0; position:fixed;"></iframe> 
</div> 

を書かれていますいくつかのスクリプトを書いたが、それは

ReferenceError: $ is not defined

として私にエラーが発生しますが、私はIFRAMEのDIVが書かれているファイルにjquery.min.jsをロードしました。しかし、それはそのページからjsをロードしていません。テーマページでjsを読み込むと、エラーは発生しません。しかし、私は各テーマでjsを読み込む必要があります。どの解決策も、テーマファイルにjsをロードしません。

Answer 1

あなたはスクリプトブロックでsrcを変更することができます。

<script type="text/javascript"> 
    $(document).ready(function(){ 
     var sourceTxt = "/themes/" + $('#themeid').html(); 
     $("#myiframe").attr("src", sourceTxt); 
    }); 
</script> 

し、ページの一番下に置くには、ページが読み込まれた後srcを変更します。