我正在使用 jQuery 和 jQuery UI 来制作动画效果。
您可以在 jsfiddle 中看到它适用于任何其他浏览器栏任何版本的 IE,包括 10。现在我对 Javascript 有点陌生,所以我知道这个小提琴会有一些缺陷,但是,这里是:
为什么在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);
});
});
许多问候。