Jquery JQ&；投球-我可以让结束事件开火，但不能投球？

所以我有一个列表，它的元素被列为可拖放的

当我尝试在这些元素上拖动拖动时，我无法启动拖放功能

但是，如果我将over函数添加到dropable中，它会触发罚款。。。我不知道我做错了什么

 $('#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);
        }
    });

$（“#步骤列表”）.append（“
”+
'  ' +
'' +
'步骤类型：'+
'' +
“
”）；
$（'.close'）.bind（'click'，函数（）{
killStep（这个）；
});
将步骤重新编号（）；
//将可拖放功能添加到此最新添加的步骤
$（“#步骤列表li:last”）。可拖放({
over:function（event，ui）{alert（'testOver'）；}，//addFunctionsToDropBox（this，event，ui）；}，
drop：函数（事件、用户界面）{
警报（“测试”）；
//绑定所有可拖放事件的主函数。
//addFunctionsToDropBox（此、ev、ui）；
}
});

我的拖鞋在这里： $（“.option”）.draggable（{helper:“clone”}）

HTML:

添加一个步骤
说出一个步骤。
添加附件。

这些李坐在一个可以放下的沙发上，所以我不知道这是否会把事情搞砸，但我知道我以前也能创造出这种行为，只是我现在有问题

谢谢你的帮助！

---

Todd

明白了，我必须将“贪婪”设置为true，因为它位于一个可放下的div中

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