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

标签 javascript jquery css internet-explorer

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

在这里看我的例子:

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

最佳答案

尝试为您的transitiontransform 添加前缀:JSFIDDLE

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

关于javascript - 为什么我的切换在 Internet Explorer 中不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44650775/

相关文章:

javascript - 添加输入类型值

javascript - 用于下载文件的flask html链接

javascript - 为什么选项 ["foo"] ||选项.foo?

javascript - 在同一页面中弹出多个 div

jquery - Owl Carousel 显示后的停用延迟加载

html - 所有浏览器的标准 css 修复?

php - 使用 CSS 定位 PHP 代码

javascript - value Ajax 文件 uploader +406 Not Acceptable Firbug 中的错误

javascript - 如何在javascript中将对象深度复制为对象而不是数组

javascript - 无法让自定义对话框与 DirtyForms 一起使用