Question

我在themeroller中创建了一个主题，并在我的应用中使用了这样的

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=3.0">
    <meta charset="utf-8" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <link href="assets/css/jquery.mobile.1.3.2.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="assets/css/pinkhash.min.css" />
    <link rel="apple-touch-startup-image" href="assets/img/logo.png" />
    <link rel="apple-touch-icon" href="assets/img/logo.png" />
</head>

首次加载时，会使用新主题，但是当我登录应用并退出时，会出现旧的默认蓝色主题，为什么会这样？

Answer 1

不要使用jQuery Mobile的默认CSS文件。而是使用jQuery Mobile's structure CSS file：

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=3.0">
    <meta charset="utf-8" />
    <meta name="apple-mobile-web-app-capable" content="yes" />

    <!-- YOUR CUSTOM THEME CSS -->
    <link rel="stylesheet" href="your_custom_theme.css" />
    <!-- JQUERY STRUCTURE CSS -->
    <link href="http://code.jquery.com/mobile/1.3.2/jquery.mobile.structure-1.3.2.min.css" rel="stylesheet"/>

    <link rel="stylesheet" href="assets/css/pinkhash.min.css" />
    <link rel="apple-touch-startup-image" href="assets/img/logo.png" />
    <link rel="apple-touch-icon" href="assets/img/logo.png" />
</head>

jquerymobile使用旧主题

1 个答案: