0

textareaをに追加しようとしていますdiv。テキストエリアが追加されると、ブラウザウィンドウのサイズを変更するまで、テキストエリアを選択して入力を開始できません。初めて選択できるようにするにはどうすればよいですか？

<script>
$("#distraction-mode").click(function(e){ // Entering the distraction mode
        e.preventDefault();
    $("#wysiwyg").appendTo("#wysiwyg-fullscreen");
});
</script>

<div id="wysiwyg-fullscreen-container">
    <div id="wysiwyg-fullscreen"></div> <!-- div where textarea will be -->
</div>

<div id="wysiwyg">
    <textarea id="editor" name="editor" rows="" cols=""></textarea>
    <a href="#" id="distraction-mode">Distraction Mode</a>
</div>
4

1 に答える 1

3

.refresh()推測ですが、textareaを呼び出してから、を呼び出すことができます.focus()。

これは、こちらのドキュメントに基づいています

編集
エディターにアクセスし、その変数で関数を呼び出せるようにするには、エディターを変数に設定する必要があります。それを使用refresh()しfocus()て別の要素に追加した後、サイズを変更してリセットできるようになることを願っています。

次のようになります。

<script>
var editor = $("#editor").cleditor()[0];

$("#distraction-mode").click(function(e){
  // Entering the distraction mode
  e.preventDefault();
  $("#wysiwyg").appendTo("#wysiwyg-fullscreen");
  editor.refresh();
  editor.focus();
});
</script>
于 2012-05-10T01:28:35.003 に答える