javascript - 为什么我的切换在 Internet Explorer 中不起作用？

Question

我正在切换一个元素并返回到屏幕。它工作得很好，但在资源管理器中不行。我如何使它也与资源管理器兼容。你能帮忙吗？

在这里看我的例子:

JSFIDDLE

/*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');
});

Answer 1

尝试为您的transition 和transform 添加前缀:JSFIDDLE

编辑: 我刚刚在 IE 中测试了我的 fiddle ，发现翻译中的计算是问题所在。我已经删除了计算器并添加了一个边距来平衡 60px，这在 IE11 中有效:JSFIDDLE