javascript-Internet Explorer 7 8：jQuery UI效果仅工作一次

语境

我使用jQuery UI效果(幻灯片和拖放)来打开和关闭幻灯片.

以下代码适用于Chrome,Firefox和IE 9.

在IE 7和8上,我只能打开和关闭幻灯片一次.幻灯片保持隐藏状态之后.

有解决的办法吗？

> jQuery：1.8.0 / 1.8.1
> jQuery UI：1.8.23

代码JSFiddle

// Opens a slide
$('a[data-toggle="slide"]').click(function (e) {
    e.preventDefault(); 

    currentSlide = $(this).attr('href');

    $(currentSlide).show('slide', { direction: 'right' }, _config.effectDuration);
    $('div.modal-backdrop').fadeIn(_config.effectDuration);
});

// Closes the current slide
$('div.modal-backdrop, button.close').click(function () {
    $(currentSlide).hide('drop', { direction: 'right' }, _config.effectDuration);
    $('div.modal-backdrop').fadeOut(_config.effectDuration);
});

解决方法:

在IE8(IE9的兼容模式)中,滑块的内联样式(第二次显示)如下：

zoom: 1; filter:  alpha(opacity=0); display: block;

这意味着将不透明度设置为0的是过滤器.

标签：jquery-ui,internet-explorer,html,javascript,jquery
来源： https://codeday.me/bug/20191127/2076148.html