したがって、 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>