質問: jquery-uiを使ってコンテンツエディタをドロップ可能なターゲットとして有効にする方法 私はjqueryのuiドラッグアンドドロップを使用してドロップ可能としてwordpressのコンテンツエディタを有効にしようとしています。しかし、ドラッグをドロップしたり、ドロップイベントを発生させることはできません。足りないものはありますか。<ul id="keywords"> <li>drag one</li> <li>drag two</li> <li>drag three</li> </ul> jquery("#keywords").find("li").each(function(){jquery(this).draggable( { helper:'clone', start: function(event, ui){ jquery(this).fadeto('fast', 0.5);}, stop: function(event, ui) { jquery(this).fadeto(0, 1); } }); }); jquery('#content').droppable( { drop: function(event, ui) { alert('dropped in content'); //does not fire!!! jquery(this).dropit(ui.draggable.html()); } }); if(typeof tinymce=='object') { alert('tinymce is active'); //does not fire!!! jquery('#editorcontainer').droppable( { drop: function(event, ui) { alert('dropped in tinymce editor'); //does not fire!!! //dynamically add content tinymce.activeeditor.execcommand('mceinsertcontent', false, 'new content.'); } }); }
回答: 上記の例では、次の行が表示されます。jquery(".mydiv").find("li").each(function(){ する必要があります:jquery(".keywords").find("li").each(function(){ これでリストアイテムをドラッグアンドドロップできるようになります。アイテムをtinymceテキストエリアにドロップできるようにするために、次のコードが機能します。$('#editorcontainer').droppable({ drop: function(event, ui) { alert('dropped'); //now fires! //dynamically add content tinymce.activeeditor.execcommand('mceinsertcontent', false, 'new content.'); } });