アニメーション効果には jQuery と jQuery UI を使用しています。
ここの jsfiddle で、10 を含む IE の任意のバージョンの他のすべてのブラウザ バーで動作することがわかります。今、私は 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);
});
});
多くの点。