javascript - JQuery - addClass() 不适用于 IE10+

标签 javascript jquery css internet-explorer-10 internet-explorer-11

我创建了一个 javascript 函数,当页面向下滚动到特定点时,该函数会淡入许多元素。这是通过将类“active”(使用 addClass)添加到相关元素来完成的,然后这些元素将通过 CSS 淡入淡出它们。

在 IE10+ 上,JQuery addClass() 似乎不起作用。我很困惑为什么!

    var fadeServiceList = function(sT, wH) {
        var $home_why_us = $('.home-why-us'),
            $theshold = $home_why_us.offset().top;

        if (sT > $theshold - ( wH / 2 ) ) {
            $('#line').addClass('active');
            $home_why_us.find('.service-list ul').addClass('active');
        }
    };

非常感谢您的帮助,为我指明正确的方向!

干杯, 吉姆。

最佳答案

如果目标元素满足以下条件,Internet Explorer 11(可能是其他版本)将忽略 .addClass() 的第一次应用: 是以下内联元素之一:label、strong、span、em 包含输入元素(任何类型) 包含另一个内联元素中的文本,例如:label、strong、span、em 它在其他浏览器中表现正常。

function highlight(){
    $("label").addClass("highlight");
}

FIDDLE

关于javascript - JQuery - addClass() 不适用于 IE10+,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28718291/

相关文章:

javascript - 循环并将对象插入数组

asp.net - 关于查找哪些 aspx 文件使用哪些 CSS 类的方法的任何建议

javascript - $ (">",这个)[1] 是什么意思?

php - 字体在 HTML 中工作但不呈现 PDF Dompdf v0.8.0

html - 仅使用 CSS 选择选中的单选按钮的嵌套元素

javascript - Node.js - Mongoose - 使用 req.body 中的所有值更新嵌套数组

javascript - 跨不同 Node.js 路由的 Socket.io

javascript - jQuery - 单击完成并发生延迟后,执行一个函数

Javascript 用作小书签但不用作 onclick 链接

php - 如何使用 PHP 显示 Bootstrap 模式?