Javascript 强制jQuery mobile使用自己的CSS类

我想强制jQuery mobile使用我自己的CSS类覆盖默认值。 更改jQuery CSS类（如ui控制组）不是一个选项，因为我只是想在某些情况下更改样式。 当我将CSS类的内容放在div的style属性中时，会应用我的样式，但我不想使用这个属性

当“mobileinit”事件被触发时，我尝试添加我的类，但也没有成功

下面是一个示例，我的类称为“footer column left”：

提前感谢您的帮助

---

编辑：在触发“pageinit”事件时添加类对我来说很有效，因此不需要进一步的帮助；-）

这两件事对我很有用：

• 使用以下命令在触发“pageinit”事件时添加css类：

  $（'#footercolumnlight'）.addClass（'footer-column-left'）
  

• 在CSS选择器中使用id：

  #footer column left{text align:left；padding left:10px；}

---

这两件事对我来说很有用：
• 使用以下命令在触发“pageinit”事件时添加css类：

  $（'#footercolumnlight'）.addClass（'footer-column-left'）
  

• 在CSS选择器中使用id：

  #footer column left{text align:left；padding left:10px；}

---

添加您自己的答案并关闭问题您是否考虑了特殊性？添加您自己的答案并关闭问题您是否考虑了特殊性？

    <div id="footerMainpage" data-role="footer" data-position="fixed" data-theme="a" class="ui-grid-b">
    <!-- column 1 -->
    <div class="ui-block-a" class="footer-column-left">
        <div data-role="controlgroup" data-type="horizontal">
            <button id="buttonLeft" data-icon="arrow-l" data-iconpos="notext">Move left</button>
        </div>
        <div data-role="controlgroup" data-type="horizontal">
            <button id="buttonChooseTool" data-icon="edit" data-iconpos="notext">Choose tool</button>
            <button id="buttonUndo" data-icon="back" data-iconpos="notext">Undo</button>
            <button id="buttonRedo" data-icon="forward" data-iconpos="notext">Redo</button>
            <button id="buttonSave" data-icon="check" data-iconpos="notext">Save</button>
        </div>
    </div>
    <!-- ... -->
</div>

.footer-column-left { display: inline-block !important; text-align:left !important; padding-left: 10px !important; }