Я пытаюсь отобразить текстовые документы в Google Doc Viewer, который находится внутри iframe, который затем находится внутри мобильного диалога jquery. Я использую Cordova 3.6 и пробую это на iOS.

Вот мой код до сих пор:

<div data-role="page" id="dialog">
<iframe id="myIframe" src="" style="width: 100%; height: 100%;" ></iframe>
</div>
<button href="foo.html" id="opener" data-rel="dialog" data-transition="pop">Open Dialog</button>

функции:

<script>
 $(function () {
            $("#dialog").dialog({
                autoOpen: false,
                show: "fade",
                hide: "fade",
                modal: true,
                open: function (ev, ui) {
                    $('#myIframe').src = 'http://docs.google.com/viewer?url=http://www.relacweb.org/conferencia/images/documentos/Hoteles_cerca.pdf';
                },
                height: 'auto',
                width: 'auto',
                resizable: true
//                title: 'Vessels'
            });

            $("#opener").click(function () {
                $("#dialog").dialog("open");
                return false;
            });
</script>

JQuery используется:

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>

В браузере это работает как требуется, но не в Cordova. Iframe уже загружен с PDF и ничего не происходит с нажатием кнопки. Так это просто невозможно или я что-то упустил?

Благодарю.