iframe Reference: ist $ nicht definiert

Question

ich eine Anforderung haben die Vorlagen in der iframe zu laden, so habe ich diesen Code geschrieben

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

Ich lade meine Vorlagen HTML-Datei dynamisch in die HTML-Datei, ich habe ein Skript geschrieben, aber es gibt mir Fehler als

ReferenceError: $ is not defined

aber geladen ich die jquery.min.js in der Datei, in der iframe div geschrieben. Aber es lädt nicht die js von dieser Seite. Wenn ich die js auf der Themenseite lade, wird es keinen Fehler geben. Aber ich muss die js in jedem Thema laden. Jede Lösung zu lädt nicht die js in der Theme-Datei.

Answer 1

Sie können die src in Skriptblock ändern:

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

Und unten auf der Seite setzen, die src nach Seite lädt zu verändern.