Context
我使用 jQuery UI 效果（slide and drop) 打开和关闭幻灯片。
以下代码适用于 Chrome、Firefox 和 IE 9。
在 IE 7 和 8 上，我只能打开和关闭幻灯片一次。幻灯片保持隐藏状态后。
有什么想法可以解决这个问题吗？
- jQuery：
1.8.0/1.8.1
- jQuery 用户界面：
1.8.23
Code + JSFiddle http://jsfiddle.net/v5aTc/2
// 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 的滤镜才是罪魁祸首。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
