Question

当我使用它们来改变Internet Exploer（IE）中div标签的外观时，jQuery函数addClass和removeClass无法正常工作。但是，它们在其他浏览器中运行良好。

以下示例代码用于说明我的问题：

if ($('#tdh').hasClass('current')){
    $("#u50").addClass('u59c');
    $("#u59").addClass('u59b');
    $("#u61").removeClass('u59b');
}

CSS：

.u59b {
    background-color: #3B5998;
    color: #FFFFFF;
    font-family: Segoe UI Light;
    font-style: normal;
    font-weight: bold;
    padding-right: 13%;
    text-decoration: none;
    width: 196px;
}

.u59c {
    color: #3B5998;
    font-family: Segoe UI Light;
    font-style: normal;
    font-weight: bold;
    padding-left: 10%;
    text-decoration: none;
}

HTML

            <a href="Page/tdh.aspx" id="tdh" class="current">
            <div id="u59" class="u59 u124-pad">
               Title1
            </div>
            </a>
            <a href="Page/tdh2.aspx" id="tdh2">
            <div id="u63" class="u59 u59b u124-pad">
                Title2
            </div>
            </a>

Answer 1

试试吧

if ($('#tdh').hasClass('current')){
    $("#u50").attr('class','u59c');
    $("#u59").attr('class','u59b');
    $("#u61").removeAttr('class');
}

Answer 2

尝试在head标记内添加<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 或者<meta http-equiv="X-UA-Compatible" content="IE=Edge;chrome=1">

确保您正在执行添加和删除类的脚本，该脚本添加了.current类或尝试运行添加和删除$(window).bind("load", function(){ ... your code for the load event ... });

中的类的脚本

Answer 3

con ExtJs：class：＆＃39; xxx-readonly＆＃39;，se supone que ya tiene esta clase el input，es necesario poner otra vez el foco（senderField.focus（true，12）），para IE， y para los otros navegadores，esto no da problemas。

- 用英语编辑 -

使用ExtJs：class：＆＃39; xxx - readonly＆＃39;应该已经有了这种输入，有必要重点关注（senderField.focus（true，12）），对于IE和其他浏览器，这不会给它带来问题。

field.addListener('focus', function(senderField){
    this.readOnly = this.el.dom.readOnly = false;
    this.getActionEl().removeClass('xxx-readonly');
    senderField.focus(true, 12);
});

addClass removeClass在IE中不起作用..！

3 个答案: