jquery.ui tablo ve öğe kullanarak sıralanabilir: tr, yer tutucu zorlukları

Question

Oluşturduğum tabloları sıralamak için destek eklemek istiyorum.

Uyguladığım yer tutucusu, öğe: TR kullanırken IE 7'de hiç çalışmıyor. FF'de iyi çalışıyor.
Kodu <UL\> üzerinde denedim ve doğru şekilde çalışıyor. Tablolar özgü olacak şekilde ve

Ben forumlar yoluyla araştırmış görünüyor ve insanlar değil bir sürü tablolarla sıralama kullandığınız görülüyorsa:

<style type="text/css"> 
    .dndPlaceHolder 
    { 
    background-color:Red ; 
    color:Red; 
    height: 20px; 
    line-height:30px; 
    border: solid 2px black; 
    }  
    .dndItem 
    { 
    background-color: #c0c0c0; 
    border:solid 1px black; 
    padding:5px; 
    } 
</style> 

<script type="text/javascript" > 
    $(function() { 
    $("#myTable").sortable(
    { 
     placeholder:'dndPlaceHolder', 
     distance:15, 
     items:'tr', 
     forcePlaceholderSize:true, 
     change : dndChange, 
     update : dndUpdate 
    }); 

    $("#myTable").disableSelection(); 

    $("#myList").sortable(
    { 
     placeholder:'dndPlaceHolder', 
     distance:15, 
     items:'li', 
     forcePlaceholderSize:true, 
     change : dndChange, 
     update : dndUpdate 
    }); 

    $("#myList").disableSelection(); 

    }); 

    function dndChange(event,ui){ 

    } 

    function dndUpdate(event,ui){ 
    var msg = ''; 
    }  
</script> 

<table id='myTable' > 
    <tr class='dndItem' id='1'> 
     <td>0 Active - Active</td> 
    </tr> 
    <tr class='dndItem' id='2'> 
     <td>1 Closed - Closed</td> 
    </tr> 
    <tr class='dndItem' id='3'> 
     <td>2 OnHold - On Hold</td> 
    </tr> 
    <tr class='dndItem' id='4'> 
     <td>3 Pending - Pending</td> 
    </tr> 
</table> 
<BR> 
<UL id='myList' > 
    <li class='dndItem' id='1'>0 Active - Active</li> 
    <li class='dndItem' id='2'>1 Closed - Closed</li> 
    <li class='dndItem' id='3'>2 OnHold - On Hold</li> 
    <li class='dndItem' id='4'>3 Pending - Pending</li> 
</ul> 

kodu kullanarak gereklerine bana yardım edebilir

Bunun nasıl yapıldığını gösteren bir rehbere sağladım veya teklif ettiniz mi?

Answer 1

bu deneyin:

$("#myTable").sortable({ 
    ... 
    'start': function (event, ui) { 
     ui.placeholder.html('<!--[if IE]><td>&nbsp;</td><![endif]-->'); 
    }, 
    ... 
};