JQuery triables et éléments enfants disparaissent [IE]

Question

code se trouve ici: http://www.myhorizon.ca/client_central/sortable_test.php

gens Bonjour de Stackoverflow,

J'ai une liste des catégories qui sont triables. Chaque catégorie a une liste de sections qui sont également triables, mais ces sections peuvent être glissées d'une catégorie à une autre. Mon code fonctionne bien dans Firefox et Chrome, mais dans IE quand je glisse et dépose mes éléments triables, les éléments enfants (comme les icônes de la barre d'outils) sont tous jarbbled (à défaut d'un meilleur mot). Parfois, les éléments disparaissent et parfois ils sont dans les endroits les plus étranges.

J'ai l'impression que IE a un problème pour redessiner tout mon contenu, mais je n'arrive pas à trouver une solution. Toute aide est appréciée :)

$('.category').sortable({ 
    'handle' : '.cat-drag-and-drop', 
    connectWith: '.category', 
    start: function() 
    { 
     $('.category *').disableSelection(); 
    }, 
    stop: function() 
    { 
     $('.category *').enableSelection(); 
    } 
}); 

$('.section').sortable({ 
    'handle' : '.section-drag-and-drop', 
    connectWith: '.section', 
    start: function() 
    { 
     $('.section *').disableSelection(); 
    }, 
    stop: function() 
    { 
     $('.section *').enableSelection(); 
    } 
}); 

Answer 1

I « fixe » par enchaînant .focus(). Blur() après ma permettant de la sélection (que je suppose que les forces IE pour redessiner les éléments dans leur position correcte). J'aurais aimé éviter une telle correction mais parfois vous devez faire ce que vous avez à faire :)