Получая HTML-данные из CodeMirror, я получаю Uncaught ReferenceError: $ не определено

Question

Я получаю свои html-данные из редактора CodeMirror, используя getValue (), который включает мою библиотеку jquery, а затем html-данные загружаются с использованием следующего кода:

$("newIframe").contents().find("head").html(headDataTag[0]);
$("newIframe").contents().find("body").html(bodyDataTag[0]);

Я проверил заголовок и тело документав newIframe данные html кажутся правильными и корректно отображают код html, javascript, но не в разделе кода jquery $ (document) .ready ().

При использовании отладчика Opera и нажатии на вкладке сети отображаетсяJQuery загружен (локально с сервера узла) правильно с HTTP-статусом 200 нормально, однако, он не отображается на вкладке источника.

Эти же HTML-данные загружаются без проблем, используя их в основном коде без полученияданные из редактора CodeMirror.

Что я делаю не так?

Answer 1

Я изменил код jQuery чуть ниже:

            $("newIframe").contents().find("head").html(headDataTag[0]);
            $("newIframe").contents().find("body").html(bodyDataTag[0]);

На чистый код JavaScript чуть ниже, и все начало работать:

         var iframeId = document.getEelementById("newIframe");
         var iframeDoc = iframeId.contentDocument || iframeId.contentWindow.document;

         iframeDoc.open();
         iframeDoc.write(editor.getValue) // CodeMirror data from it's editor window
         iframeDoc.close();