स्क्रॉल खींचें पर IE9 में पंक्तियों बनाने और ड्रॉप तत्वों

Question

https://jsfiddle.net/hjcsnrs3/1/

मैं बेला ऊपर बनाया है मेरी समस्या को समझाने के लिए। मैं क्षैतिज खींचें ड्रॉप तत्वों के लिए jQuery sortable का उपयोग कर रहा हूँ। क्रोम/एफएफ में ठीक काम करता है। लेकिन आईई में, खासकर आईई 9, जब भी मैं खींचता हूं और तत्व करता हूं, तो यह अगली पंक्ति में गिर जाता है। प्रत्येक ड्रैग ड्रॉप नई पंक्ति बनाते हैं।

$(function() { 
    $("#sortable").sortable({ 
    items: "> div", 
    opacity: 0.8, 
    placeholder: "placeholder", 
    tolerance: "pointer", 
    helper: "original", 
    revert: true, 
    axis: "x" 
    }); 
    $("#sortable").disableSelection(); 
}); 

Answer 1

मैंने प्रत्येक संस्करण को आईई पर चेक में स्थानीय प्रतिलिपि बनाई है। यह IE5 को छोड़कर सभी संस्करणों में ठीक काम करता है। जैसा कि आपने उल्लेख किया है आईई 5 में एक ही समस्या है।

CSS element>element Selector आईई 7 के नीचे समर्थित है। तत्व के लिए> IE8 और पहले में काम करने के लिए तत्व, <!DOCTYPE> घोषित किया जाना चाहिए।

#sortable >div { float: left; } 

लिए:

से यह परिवर्तन

.ui-sortable-handle{float:left;} 

Updates Fiddle