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()
等再次显示可拖动的但是我没有得到它。
由于