我使用 jQuery 和 jQuery UI 来实现动画效果。
你可以在 jsfiddle 中看到它适用于所有其他浏览器,包括任何版本的 IE,包括 10。现在我对 Javascript 有点陌生,所以我知道这个 fiddle 会有一些缺陷,但是,这里它是:
为什么在 IE 中,它打开面板,但将 #closeBtn 元素放置在左侧,然后当您单击它时,它不会关闭 .panel 类?
我完全困惑了,但我知道我的代码在这里很困惑,所以我希望得到一些关于如何解决这个问题的提示。
JS代码如下:
var panel = ".panel";
var menuBtn = "#menuBtn";
var closeBtn = "#closeBtn";
var panelTime = 1000;
var btnTime = 300;
var animDir = 'Right';
$(function
MenuOptions(){
$(panel).hide();
$(menuBtn).click(function(){
$(menuBtn).hide('slide', {direction: animDir}, btnTime);
$(panel).show('slide', {direction: animDir}, panelTime);
$(closeBtn).show('slide', {direction: animDir}, btnTime);
});
$(closeBtn).click(function(){
$(this).hide('slide', {direction: animDir}, btnTime);
$(panel).hide('slide', {direction: animDir}, panelTime);
$(menuBtn).show('slide', {direction: animDir}, btnTime);
});
});
许多问候。
最佳答案
你的 fiddle 在 IE9 中对我来说就像一个魅力。
你最好重置IE并再次运行。
关于jQuery 可以在除 IE 之外的所有平台上工作吗? (用户界面),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13779430/