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：$未定义

但我在编写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。