Question

IE8中出现以下错误。

单击“新闻稿313”上的“显示”。如果您现在将鼠标悬停在左侧的蓝色栏上，则会跳出一个包含某些元素的图层。您可以拖动这些元素中的每一个。如果您开始拖动图层幻灯片。如您所见，在IE8中，拖动的元素也会被隐藏，或者如果您直接拖动它，它可能会立即添加。这就是问题所在，您可以在IE9，Firefox，Chrome中打开它，它可以运行。要了解它应该如何运作。

这是可以在logic.frontend.js中找到的代码：（只是实际使用的一部分）

$( ".draggable li table" ).draggable({
    connectToSortable: ".sortable",
    helper: 'clone',
    revert: 'invalid',
    appendTo: 'body',
    start: function(ui) {
        $('#elementsContainer').hide('slide', {
             direction: "left"
        }, 500);   
}
});


var height = $('#elementsContainer').outerHeight();
$('#elementsContainerHandle').css('height', height);

$('#elementsContainerHandle').mouseenter(function() {
    $('#elementsContainer').css('visibility', 'visible');
    $('#elementsContainer').show('slide', { direction: "left" }, 500);
});

$('#elementsContainer').mouseenter(function() {
    $(this).css('visibility', 'visible');
});

$('#elementsContainer').mouseleave(function() {
    $(this).css('visibility', 'hidden');
});

问题是，#elementsContainer被隐藏，并且由于包含拖动元素在内的所有孩子也被隐藏了。在其他浏览器中，由于选项.hide()，appendTo : 'body'不会影响拖动的元素。但是在IE8中，虽然我很确定该元素会被添加到正文中，但这似乎有所破坏。我已经尝试用css，.show()等再次显示可拖动的但是我没有得到它。

由于

当父隐藏时，Draggable不起作用

0 个答案: