Question

的含义是什么？

.ui-"something"

用于jquery Mobile的CSS文件。它的目的是什么？例：当我使用Dreamweaver（移动）创建新文件时。我得到一个预定义的结构。 jquery的css文件的一些语句是：

s.ui-mobile,.ui-mobile body{height:100%background:url(images/home_main.jpg);}.ui-mobile fieldset,.ui-page{padding:0;margin:0}.ui-mobile a img,.ui-mobile fieldset{border:0}.ui-mobile-viewport{margin:0;overflow-x:visible;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}body.ui-mobile-viewport,div.ui-mobile-viewport{overflow-x:hidden}.ui-mobile [data-role=page],.ui-mobile [data-role=dialog],.ui-page{top:0;left:0;width:100%;min-height:100%;position:absolute;display:none;border:0}.ui-mobile .ui-page-active{display:block;overflow:visible}.ui-page{outline:0}@media screen and (orientation:portrait){.ui-mobile,.ui-mobile .ui-page{min-height:420px}}@media screen and (orientation:landscape){.ui-mobile,.ui-mobile .ui-page{min-height:300px}

所以基本上是做什么的。 .ui-page，.ui-mobile，.ui-mobile body mean。如果我更新一些值或在其中插入新的css属性会发生什么，我会在哪里看到更改。

Answer 1

这些类旨在在整个应用程序中创建可视化一致性，并允许组件通过jQuery UI ThemeRoller进行主题化。

http://api.jqueryui.com/theming/css-framework/

Answer 2

jQuery移动框架将“少写，多做”的口号提升到新的水平：jQuery移动框架不是为每个移动设备或操作系统编写独特的应用程序，而是允许您设计一个高品牌的网站或应用程序这适用于所有流行的智能手机，平板电脑和桌面平台。

由于你写的“少”，幕后应该会有很多事情发生。在这里，JQuery Mobile提供了风格良好的移动友好控件。为了通过简单的代码获得移动友好控制，例如this：

<div data-role="fieldcontain">
    <label for="select-choice-1" class="select">Choose shipping method:</label>
    <select name="select-choice-1" id="select-choice-1">
        <option value="standard">Standard: 7 day</option>
        <option value="rush">Rush: 3 days</option>
        <option value="express">Express: next day</option>
        <option value="overnight">Overnight</option>
    </select>
</div>

JQuery Mobile使用JQuery和CSS包装和控制您的控件。因此，在呈现时select标记包含在<div class="ui-select">内。回答你的问题ui-something只是一个CSS类。

.ui-“某事”的含义

2 个答案: