jQueryは実行可能ではありませんか？

Question

以下のドラッグアンドドロップのプロトタイプを作成していますが、ドロップイベントを発生させることができないことを除いて、私が尋ねるすべてのことを行っています。

要素はコンテンツdivに貼り付けることなく元に戻すだけです。私はあなたがdroppable火災に関するdropイベントの前にすべての単一のドロップを元に戻すされrevert:trueオプションを、使用している

<ul class="keywords"> 
     <li class="draggable" id="kw-1">keyword one</li> 
     <li class="draggable" id="kw-2">keyword two</li> 
     <li class="draggable" id="kw-3">keyword three</li> 
    </ul> 


    <div id='editorcontainer'> 
     <textarea rows='10' class='theEditor' cols='40' name='content' id='content'>drop content here</textarea> 
    </div> 


    jQuery(".myDiv").find("li").each(function(){ 
    jQuery(this).draggable(
    { 
     revert:true, 
     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') //DOES NOT FIRE! 
      //drop text into content editor 
     } 
    }); 

Answer 1

を欠けているものを任意のアイデア。

jQuery(this).draggable({ 
     revert: 'invalid', // <-- Revert invalid drops 
     helper: 'clone', 

     start: function(event, ui) { 
      jQuery(this).fadeTo('fast', 0.5); 
     }, 

     stop: function(event, ui) { 
      jQuery(this).fadeTo(0, 1); 
     } 
}); 

例：http://jsfiddle.net/7t56R/