爲什麼我的切換在Internet Explorer中不起作用？

我正在切換一個元素並返回屏幕。它很好地工作，但不在資源管理器中。我如何使它與資源管理器兼容。你能幫忙嗎？爲什麼我的切換在Internet Explorer中不起作用？

見我的例子在這裏：

/*START makes text-over-photo div collapse and expand horizontally*/ 
$(document).ready(function() { 
    $("#togglebutton").click(function() { 
     var $container = $('#text-over-photo-container'); 
     $container.toggleClass('hide2'); 
    }); 
}); 


$('#togglebutton').click(function() { 
    $(this).toggleClass('glyphicon glyphicon-remove'); 
    $(this).toggleClass('glyphicon glyphicon-plus'); 
});

來源

2017-06-20 Eddy

這種可能的重複實際上解決了在這些實例中使用calc的問題，並建議使用'translateX' - 它也引用更多的信息，爲什麼它不起作用 - [** IE 10 + 11：與calc（）的CSS轉換不起作用**]（https://stackoverflow.com/questions/21142923/ie-10-11 -css-transitions-with-calc-do-not-work） - 爲你特別使用'transform：translateX（-90％）;'似乎可行►https://jsfiddle.net/4joxxLvc/ – Nope

不過，rblarsen的回答即使在響應式設計中也能保持60px的邊距。在你的例子中，當窗口被調整大小時，邊距是可變的/改變的。 – Eddy

因此，我只評論，並沒有提供答案:) – Nope

嘗試前綴您transition和transform：JSFIDDLE

編輯：我只是測試的IE我的小提琴，並發現了在翻譯是calc是問題。我已經刪除了計算並添加了一個餘量來取代60px，而不是在IE11中工作：JSFIDDLE

來源

2017-06-20 10:43:09 rblarsen

爲什麼我的切換在Internet Explorer中不起作用？

回答

相關問題