Question

我使用JQM的Themeroller为我的应用程序开发主题。现在，我只是想让它在Chrome中运行。

我的HTML文件的头部设置如下：

<head>
    <title>SafeRides</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="stylesheet" href="themes/SafeRidesTheme.min.css" />
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
</head>

我的文件总监如下：

Application/
    index.html
    themes/
        SafeRidesTheme.css
        SafeRidesTheme.min.css
        images/

我只是遗漏了文件布局中的一些明显内容吗？如果有人能帮助我意识到这里发生了什么，我会非常感激。

Answer 1

使用Theme Roller制作的自定义主题时，应以这种方式加载库。

您应该删除jQM defualt样式表并在自定义样式表之前加载jQM结构样式表。

<head>
  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile.structure-1.3.2.min.css" />
  <link rel="stylesheet" href="themes/SafeRidesTheme.min.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
  <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
</head>

JQueryMobile主题不适用

1 个答案: