JQドラッグ＆ドロップ - 私は火をつけるオーバーイベントを得ることができますが、ドロップはできません。

Question

だから私は要素が落ちるようにリストされているリストを持っています。

これらの要素の上にドラッグ可能なアイテムをドラッグしようとすると、ドロップ機能を起動できません。

しかし、私がdroppableにover関数を追加すると、それはうまくいきます...私が間違っていることを理解できません。

$('#stepList').append('<li class=\"steps ui-state-highlight\" style=\"margin-top:10px;\" >' + 
        '<div class=\"close\"><span class=\"closeSpan ui-icon ui-icon-circle-close\">&nbsp;</span>&nbsp;</div>' + 
        '<div class=\"stepNum"></div>' + 
        '<div class=\"stepInfo">Step Type: <a href=\"#\" onclick=\"editInfo(' + newStepInfo.infoID + ')\"> ' + newStepInfo.typeOfStep + '</a></div>' + 
        '<div class=\"nameDiv\"></div>' + 
        '<div class=\"sigDiv\"></div> <div class=\"disDiv"\></div></li>'); 
    $('.close').bind('click', function() { 
     killStep(this); 
    }); 
    renumberSteps(); 

    //Adding the Droppable ability to this newest added STEP 
    $("#stepList li:last").droppable({ 
     over: function (event, ui) { alert('testOver'); }, // addFunctionsToDropBox(this, event, ui); }, 
     drop: function (event, ui) { 
      alert('test'); 
      //Main function to bind all droppable events. 
      //addFunctionsToDropBox(this, ev, ui); 
     } 
    }); 

私draggablesはここにある： $（ "オプション。"）ドラッグ（{ヘルパー： "クローン"}）;。

HTML：

<div id="mainbox"> 
      <div id="dropbox"> 
       <ul id="stepList"> 
       </ul> 
      </div> 
      <div id="rightBar"> 
       <div class="newStep"> 
        <span class="ui-icon ui-icon-person"></span>Add a step</div> 

       <div id="nameBox" class="ui-state-hover option"> 
        <span class="ui-icon ui-icon-flag" style="float: left; margin-right: -0.85em;"></span> 
        Name a step. 
        <input type="text" class="ui-autocomplete-input" style="width: 95px;" id="stepName" /> 
       </div> 

        <div id="attachBox" class="ui-state-hover option"> 
        <span class="ui-icon ui-icon-suitcase" style="float:left; margin-right: -0.85em;"></span> 
        Add attachment. 
       </div> 
      </div> 
     </div> 

もドロップ可能であるdivの中にこれらのLIの座り込み、これだけ、私はそれが何かをめちゃくちゃにすることができれば知らないが、私は、私は前にこの動作を作成することができました知っています今問題がある

ありがとうございました！ Todd

Answer 1

「欲しい」と設定する必要がありました。「欲しい」は、ドロップ可能なdivの内側に座っていたためです。