1

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

当“mobileinit”事件被触发时，我尝试添加我的类，但它也不起作用。

这是一个例子，我的班级被称为“footer-column-left”：

    <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>

CSS 看起来像这样：

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

在此先感谢您的帮助！

编辑：当“pageinit”事件被触发时添加类对我有用，所以不需要进一步的帮助;-)

4

1 回答 1

1

这两件事对我有用：

  • 当“pageinit”事件被触发时添加css类：

    $('#footerColumnLeft').addClass('footer-column-left');

  • 在 CSS 选择器中使用 id：

    #footerColumnLeft { text-align:left; padding-left: 10px; }

于 2013-02-02T16:28:22.190 回答