使用jQuery的div標籤內的span標籤的警報文本Droppable

Question

JS的小提琴可以找到here。我有兩套div，可以是draggable，有些是droppable。我試圖在數組中添加span元素中的文本，這樣導致drop事件被觸發的元素不會導致第二個drop被觸發（此時不相關，因爲這也不起作用） 。
爲什麼不是alert($(this).find("span").text());發現警告拖動元素內的span標籤的文本？

HTML

<div id="quizContainer"> 

     <div id="questionsContainer"> 

     <div class="drugQuizzes"> 
      <span>DOCUSIL</span> 
     </div><div class="drugQuizzes"> 
      <span>ORACEA</span> 
     </div><div class="drugQuizzes"> 
      <span>ZYLOPRIM</span> 
     </div> 
    </div> 
     <div id="answersContainer"> 


    </div> 
    <div class="drugAnswers" style="background-color:PaleVioletRed;"> 

    </div><div class="drugAnswers" style="background-color:PaleVioletRed;"> 

    </div><div class="drugAnswers" style="background-color:DarkKhaki;"> 

    </div> 

Answer 1

要得到下降元素的文本，更改：

alert($(this).find("span").text()); 

到

alert(ui.draggable.find('span').text()); 

jsFiddle example

Answer 2

可以得到拖動的元素跨度文本與此：

ui.draggable.find("span").text() 

JSFIDDLE

Answer 3

爲了得到下降元素和相對性，變化：

alert($(this).find("span").text()); 

到：

alert(ui.draggable.find('span').text()); 

或一般指的下跌元素使用ui.draggable ins this

演示的TEAD：http://jsfiddle.net/IrvinDominin/Z4xBx/3/

文檔：http://api.jqueryui.com/droppable/#event-drop