jQueryドロップ可能な要素 - ドロップされたアイテムに基づく条件付きドロップイベント

Question

私にはわからない問題があります。私はdropable要素を条件に基づいて別の関数をドロップしようとしているアイテムのクラスに基づいてドロップします。私の人生のために、私はこれを行う方法を理解することはできません。ここにリンクがあります：http://jsfiddle.net/643PC/22/

pageContainerは行を受け入れます。行はスパンを受け入れます。スパンはアクションとフィールドを受け入れ、ドロップされたアイテムに基づいて別の機能を起動する必要があります。何か案は？デイヴィッドの助けを借りて

完成機能：

function generalDrop(event, ui) { 
     var appendTarget = $(this); 
     if (ui.draggable.hasClass('field-item')) { 
      fieldDrop(event, ui, appendTarget); 
     } 
     else { 
      actionDrop(event, ui, appendTarget); 
     } 
    } 

    function actionDrop(event, ui, appendTarget) { 
     $(document.createElement('a')) 
      .addClass('btn btn-primary') 
      .attr('href', '#') 
      .text('Button') 
      .appendTo(appendTarget) 
    } 

Answer 1

たが、これにごgeneralDrop機能を変更するには：

function generalDrop(event, ui) { 
    if (ui.draggable.hasClass('field-item')) { 
     fieldDrop(event, ui); 
    } 
    else { 
     actionDrop(event, ui); 
    } 
}