我正在使用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);
});
});
很多问候。
答案 0 :(得分:0)
在IE9中,你的小提琴对我来说就像是一种魅力。
你最好重置IE并再次运行。