使用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