2017-05-19 13 views
0

ワーキングデモ:リンクの上http://jsfiddle.net/PWh2L/78/jQueryのドラッグ&CSSでドロップ

$(".droppable,.droppable1").sortable({ 
    connectWith: '.droppable,.droppable1', 
    revert: 200, 
    tolerance:'pointer', 
    start: function(){ 

    }, 
    stop: function(event,ui){ 
    if ($(ui.item).hasClass('number1') && $(ui.item).parent()[0].id==="main_list" && $(ui.placeholder).parent()[0] != this) { 

      $(this).sortable('cancel'); 

     }else if ($(ui.item).hasClass('number2') && $(ui.item).parent()[0].id=="main_list1" && $(ui.placeholder).parent()[0] != this){ 

      $(this).sortable('cancel'); 

     } 
    }, 
    zIndex: 10 
}).droppable({ 
    drop: function(ev, ui) { 



    } 
}); 

enter image description here

は私が要素(testinggggg)をドラッグしたとき、私はということである1つの問題に直面していた、私のコードですからBからCの場合、要素(testingggg)からCに、それが戻ってCに自動、しかしとき要素(testinggg)バックCに行く、それは私が欲しいもの、トップにそれを修正するだろうすべての要素が戻っています名前:を意味するC名前:Cこれを上に修正します。

お知らせください。 :(

答えて

0

ただ、ここでスパン

<span class="curtem">C</span> 

にCを追加するには作業コードです:http://jsfiddle.net/PWh2L/84/

+0

しかし**名:C **ドラッグ&ドロップすることができるようになります、私はしたくありませんそれはドラッグすることができます:( –

+0

は更新を確認してください)それは大丈夫ですか? –

+0

**要素(テスト)**からBへC、次に要素(テスト)は**名前:C ** –

関連する問題