1

我有一个奇怪的错误。我正在为 wordpress 编写一个插件,并在嵌入演示文稿的帖子中包含一个 iframe。我用脚本和幻灯片填充这个 iframe,一切都在计算机上运行良好(chrome firefox safari),但是当我在设备(iPad Android 或 iPad)中加载我的嵌入式演示文稿时,它根本不起作用。我在 Safari 调试控制台中有 2 个错误:

JavaScript: Error undefined ReferenceError: Can't find variable: jQuery

这是我填充 iframe 的脚本:

                //Include jQuery first !
                var iframe_embed_script_place = document.getElementById('embedded-frame-presentation');

                var script_iframe_embed = iframe_embed_script_place.contentWindow.document.createElement('script');
                script_iframe_embed.type = "text/javascript";
                script_iframe_embed.src = "http://reveal.presentation.dev/wp-includes/js/jquery/jquery.js";
                script_iframe_embed.async = false;
                iframe_embed_script_place.contentWindow.document.head.appendChild(script_iframe_embed);

                //Include CSS
                jQuery('#embedded-frame-presentation').contents().find('head').append("<link rel=\"stylesheet\" href=\"http://reveal.presentation.dev/wp-content/plugins/presentation/lib/reveal/reveal.min.css\" type=\"text/css\">");

我被这个问题困住了,我不明白为什么这在移动设备上不起作用!

谢谢您的帮助

4

2 回答 2

0

您的网址不正确,请尝试导航到它。.dev 不是顶级域名。可能应该类似于 .com/dev/

于 2013-07-29T06:45:34.460 回答
0

如我所见,由于 .dev 域,您可能无法从 url 获取 jquery。如果可能的话,你能在提琴手中检查 404 错误吗?替代方案我建议您使用 CDN 为 Jquery 库提供服务。回退到本地路径。

<script type="text/javascript" src="//ajax.microsoft.com/ajax/jquery/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
if (typeof jQuery == 'undefined') {
    document.write(unescape("%3Cscript src='/js/jquery-1.4.2.min.js' type='text/javascript'%3E%3C/script%3E")); // change the Local path of the Jquery library
}
</script>
于 2013-07-29T06:49:54.397 回答