0

したがって、 http ://jsbin.com/asihoh/1/ (実行バージョン) およびhttp://jsbin.com/asihoh/1/edit (編集バージョン)にもある以下のスクリプトがあります。TinyMCE ウィンドウと fineupload アップロード ウィジェットを備えた jQueryUI ダイアログを開くだけです。FF、IE、および Chrome を実行している Windows PC でうまく動作します。次に、私の IPad2 (5.x オペレーティング システム) で試してみましたが、TinyMCE エディターのツールバー イメージは表示されませんが、本来あるべき場所をクリックすると、魔法のように表示されます。fineuploader または sortfixedtable プラグインを削除すると、iPad と同じようにツールバーが表示されます。

そこで、iPad 6.x オペレーティング システムにはデバッグ機能があるという投稿を読み、バグをデバッグできるようにファームウェアをアップグレードしましたが、iPad はスクリプトを適切にレンダリングします。

iPad 5x オペレーティング システムが Web ページの 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 のレンダリング エンジンにあります。これは、WebKit の変更に関するセクションがあるiOS 6 リリース ノートです。

JavaScript レンダリングの問題は非常に一般的です。

同様の問題を含むこの投稿も見ました。パラメータを引用符で囲むと役立つ場合があります。

于 2013-05-25T17:00:36.787 に答える