当父隐藏时,Draggable不起作用

时间:2012-03-29 08:14:08

标签: jquery-ui draggable

IE8中出现以下错误。

演示:http://tinyw.in/BLrg

单击“新闻稿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()等再次显示可拖动的但是我没有得到它。

由于

0 个答案:

没有答案