【发布时间】:2012-11-26 14:18:21
【问题描述】:
我正在使用 jQuery 和 jQuery UI 来制作动画效果。
你可以在 jsfiddle 中看到它在任何其他浏览器栏中都可以使用任何版本的 IE,包括 10。现在我对 Javascript 有点陌生,所以我知道这个小提琴会有一些缺陷,但是,在这里它是:
为什么在IE中打开panel,但是把#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);
});
});
许多问候。
【问题讨论】:
-
我没有发现 Windows 上的 IE9 和 Linux 上的 Chrome 之间有任何区别。
-
@Paul Tomblin 你是对的。我刚刚在browserstack上测试了一下,还可以,但是在使用IE10包括兼容模式的时候,就不能正常显示了。
-
如果你的 js 代码中有任何 console.log() 语句,它会杀死 IE 显示的东西,有时它根本不会运行你的脚本。
-
你的小提琴在 IE 9 中对我来说很好用
标签: jquery jquery-ui internet-explorer user-interface