jquery - 禁用特定页面 ID 上的类继承

Question

我正在为网络应用程序使用 jQuery Mobile。在这个项目中，开发人员覆盖了一些主要的 jQuery Mobile 类，例如：

 .ui-btn-text
 .ui-icon
 .ui-btn-corner-all

例如：

.ui-btn-text {
    color:#fff;
    padding:6px 10px;
    line-height:10px;
    font-size:12px;
    /* 

    some settings....

    */
}

我正在添加一些新的input并自动继承自被覆盖的类。如何在特定页面上禁用此继承，以便它将与 jQuery Mobile 类一起使用，例如为#pageTest禁用它。

Answer 1

只需根据jQuery mobile 的 stylesheet将其重置为原始值。如果它是 jQuery 的未缩小版本，可以在此处找到。

这是一个在实践中的例子。对于你的例子，看起来像

#pageTest.ui-btn-text { position: relative; z-index: 1; }

唯一的其他选择是使用 javascript 并遍历类的每个实例。使用 jQuery 是最简单的：

$('.ui-btn-text').each(function() {
    $(this).css({
        'position' : 'relative',
        'z-index':'1',
        //etc...
    });
});