jquery.ui एक टेबल और आइटम का उपयोग करके क्रमबद्ध: tr, प्लेसहोल्डर कठिनाइयों

Question

मैं बनाए गए तालिकाओं को सॉर्ट करने के लिए समर्थन जोड़ना चाहता हूं।

मैंने जो प्लेसहोल्डर लागू किया है, वह आइटम का उपयोग करते समय आईई 7 में बिल्कुल काम नहीं करता है: टीआर। यह एफएफ में ठीक काम करता है।
मैंने <UL\> पर कोड का प्रयास किया है और यह सही तरीके से प्रदर्शन करता है। यह तालिकाओं के लिए विशिष्ट होना और

मैं मंचों के माध्यम से शोध किया है लगता है, और ऐसा लगता है कि लोगों की बहुत नहीं एक टेबल के साथ छँटाई का उपयोग कर रहे:

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

आप कोड का उपयोग कर मेरी आवश्यकताओं के साथ मेरी मदद कर सकते मैंने मुझे एक गाइड को प्रदान किया है या यह दिखाया है कि यह कैसे किया जाता है?

Answer 1

इस प्रयास करें:

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