2013-11-26 3 views
1

Я использовал JQM Themeroller для разработки темы для моего приложения. Прямо сейчас, я просто пытаюсь заставить его работать в Chrome.JQueryMobile Тема не применяется

У меня есть голова моего 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/ 

Могу ли я просто отсутствует что-то очевидное в макете моего файлы? Если бы кто-то мог помочь мне понять, что здесь происходит, я бы очень признателен.

ответ

0

При использовании специальной темы, созданной 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> 
+0

Спасибо, Омар. Я ценю это :) Как ни странно, после того, как я загрузил тему из JQM Themeroller, я сделал именно то, что мне сказал: «Чтобы использовать вашу тему, добавьте ее в голову своей страницы перед jquerey.mobile.structure ...» работали, однако. – Josh

+0

@ Я надеюсь, я рад, что это сработало для вас :) – Omar

Смежные вопросы