IFrame ReferenceError: $ не определен

Question

У меня есть требование, чтобы загрузить шаблоны в IFRAME, поэтому я написал этот код

<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> 

Я загрузке мой шаблоны HTML файл динамически, в том, что файл HTML я есть написал некоторый скрипт, но он дает мне ошибку, как

ReferenceError: $ is not defined

но я загрузил jquery.min.js в файле, в котором написано IFrame дел. Но это не загрузка 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 после загрузки страницы.