jQuery Мобильное добавление javascript отключает ajax

Question

У меня есть мобильный тег объявления javascript, который использует функцию document.write. Это выполняется в фиксированном заголовке каждой страницы. Моя проблема заключается в том, что jqm будет только инициализировать первую просматриваемую вами страницу с тегом объявления. Когда я перейду на страницу 2, страница отобразится как пустая. Если я обновляю пустую страницу, отобразится весь контент, включая объявление.

Я отключил ajax самостоятельно, используя $ .mobile.ajaxEnabled = false;, и это очевидно работает, но это своего рода поражает цель JQM.

Вот мой код. Страница 2 точно такая же, за исключением идентификатора страницы.

<div data-role="page" id="page1"> 

<div data-role="header"> 
<script language="javascript"> 
<!-- 
document.write('<scr'+'ipt language="#"></scri'+'pt>'); 
//--> 
</script> 
</div> 

<div data-role="content"> 
<p>content text</p> 
<p><a href="page2.php">Page 2</a></p> 
</div> 

<div data-role="footer"> 
footer text 
</div> 

</div> 

Demo http://capitalnewmediafiles.co.uk/stack/page1.php (объявление отображается только в мобильном телефоне)

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

Большое спасибо

Answer 1

Вы можете использовать вместо добавить в конец:

$('head').append('<scr'+'ipt language="#"></scri'+'pt>'); 

или, если это не вариант, есть решение здесь http://www.webdeveloper.com/forum/showthread.php?195112-solution-lazy-loading-JS-ad-code-containing-document.write()