JQuery 可排序和消失的子元素 [IE]

Question

代码可以在这里找到：http://www.myhorizo​​n.ca/client_central/sortable_test.php

Stackoverflow 的朋友们大家好，

我有一个可排序的类别列表。每个类别都有一个部分列表，这些部分也可以排序，但所述部分可以从一个类别拖动到另一个类别。我的代码在 Firefox 和 Chrome 中运行良好，但在 IE 中，当我拖放可排序项目时，子元素（如工具栏图标）变得混乱（因为缺乏更好的词）。有时这些元素会消失，有时它们会出现在最奇怪的地方。

我有一种感觉 IE 在重绘我的所有内容时遇到问题，但我不知道如何解决它。如有任何帮助，我们将不胜感激:)

    $('.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

我在启用选择后通过链接 .focus().blur() 来“修复”它（我猜这会迫使 IE 将元素重新绘制到正确的位置）。我本想避免这样的修复，但有时你必须做你必须做的:)