0

所以，我有下面的脚本，它也位于http://jsbin.com/asihoh/1/（运行版本）和http://jsbin.com/asihoh/1/edit（编辑版本）。它所做的只是打开一个 jQueryUI 对话框，其中有一个 TinyMCE 窗口和一个 Fineupload 上传小部件。在运行 FF、IE 和 Chrome 的 Windows PC 上运行良好。然后我在我的 IPad2（5.x 操作系统）上尝试它，但 TinyMCE 编辑器上的工具栏图像不显示，但是当它们应该是单击的位置时，它们神奇地出现了。如果我删除了 Fineuploader 或 sortfixedtable 插件，工具栏将与 iPad 一样出现。

然后，我读了一篇文章，上面说 iPad 6.x 操作系统具有调试功能，我升级了固件，以便调试我的错误，但随后 iPad 会按应有的方式呈现脚本。

iPad 5x 操作系统错误地渲染网页 JavaScript 是否很常见？有什么建议为什么它没有显示 TinyMCE 工具栏图标？

<!DOCTYPE html>
<html>
    <head>
        <title>test</title>
        <meta charset="utf-8" />

        <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" />
        <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script> 
        <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
        <script src="http://tinymce.cachefly.net/4.0/tinymce.min.js"></script>
        <script src="lib/plugins/sortfixedtable/jquery.sortfixedtable.js" type="text/javascript"></script>
        <script src="lib/plugins/fineuploader-3.5/fineuploader-3.5.0.js" type="text/javascript"></script>
        <script>
            $(function() {

                $("#myDialog").dialog({
                    autoOpen    : false,
                    modal       : true,
                    open        : function() {$('#list').sortfixedtable();}
                });    
                $(".compose").click(function(){$("#myDialog").dialog("open");});

                tinymce.init({
                    //Used for compose message
                    selector: "#tinymce",
                    toolbar: "undo redo | bold italic underline strikethrough | bullist numlist | addLabel",
                    menubar: false,
                    statusbar: false,
                    setup : function(ed) {
                        ed.addButton('addLabel', {
                            title : 'Add Label',
                            image : 'lib/stdimages/icon-16/checkin.png',
                            onclick : function() {alert('click');}
                        });
                    }
                });

                var fineuploader = new qq.FineUploaderBasic({button: document.getElementById('fineuploader')});
            });
        </script>

    </head>

    <body>

        <a href="javascript:void(0)" class="compose green wide">COMPOSE</a>

        <div id="myDialog" title="Title">
            <table id="list">
                <thead>
                    <tr>
                        <th><a href="javascript:void(0)">xxx</a></th>
                    </tr>
                </thead>
            </table>
            <div id="fineuploader"></div>
            <form><textarea id="tinymce"></textarea></form>
        </div>

    </body>
</html>
4

1 回答 1

2

您的问题不在于 iOS 操作系统，而在于 WebKit 的渲染引擎。这是iOS 6 发行说明，其中有一个关于 WebKit 更改的部分。

Javascript 渲染问题很常见。

我也看到这个帖子有类似的问题。也许您的参数周围的引号可能会有所帮助。

于 2013-05-25T17:00:36.787 回答