javascript - Dynamically created iframe does not recognize jQuery inside -


i have following code dynamically loads user entered html/js iframe execute it:

function compile(s) {   s = '<!doctype html><html><head><script type="text/javascript" src="jquery/jquery-2.1.4.min.js"><\/script><\/head><body>' + s + '<\/body><\/html>';    document.getelementbyid("ifrm").src = "data:text/html;charset=utf-8," + escape(s); }  $(document).ready(function(){   compile("<script>$(document).ready(function(){console.log('lol');});<\/script><p>test<\/p>"); }); 

using code error message uncaught referenceerror: $ not defined. happening?


Comments