jQuery盲目效果在IE中无法正常工作

我已经得到了使用jQuery 1.5和jQuery-ui 1.8.9的css/javascript/html这一点。这是一个相当基本的观点。与下层div中的内容有关的元数据顶部面板。顶部面板使用“盲目”效果打开和关闭。jQuery盲目效果在IE中无法正常工作

这里是代码片段：jsfiddle example

一切正常，在Chrome & Firefox浏览器。在IE上它不会“盲目”打开......它只是切换到可见状态。关闭它时，它会关闭窗帘，但整个页面会闪烁一次。

我不知道为什么会发生这种情况。我在我的搜索中找不到对此类行为的引用。今天我的Google-fu可能很弱。

任何人有任何想法，如何使它在IE中发挥好？不幸的是，我不能要求我们不支持I.E.

来源

2011-11-02 jaydel

工作正常，我。在IE7兼容性方面失败。 – Blazemonger

我应该说它不适用于IE9。感谢您检查那些其他的我，我很感激它... – jaydel

动画在Opera 11和IE9中看起来是一样的 – OptimusCrime

从CSS中的'.toggle-handle'中删除position: relative属性。似乎为我解决事情。

顺便说一句，你可以隐藏在CSS的#hideable-content股利和简化您的JavaScript代码如下：在IE8

$(function() { 
    // set effect from select menu value 
    $("#toggle-handle").click(function() { 
     $("#hideable-content").slideToggle(500); 
     return false; 
    }); 
});

http://jsfiddle.net/CTxB7/11/

来源

2011-11-02 14:46:23 Blazemonger

优秀:)我还发现了什么是总体问题......我忘了实际代码中的文档类型......所以IE将它变成了怪癖模式。你带我走了检查这个路径，这个答案也是有帮助的，所以传入复选标记 – jaydel

，当我想这个向左或向右滑动？ –

jQuery盲目效果在IE中无法正常工作

回答

相关问题