Visual Studio 2013을 사용하여 방금 MVC4 모바일 애플리케이션을 만들었습니다. 그러나 jquery 모바일 themeroller 테마를 적용하는 방법을 잘 모르겠습니다.MVC4 모바일 애플리케이션에 Jquery Mobile 테마 러ラー 테마 적용
내 테마를 기존 테마 CSS로 바꿨습니다. 그것은 전혀 작동하지 않는 것 같습니다. 내가 여기 실종 무엇
bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/site.css"));
bundles.Add(new StyleBundle("~/Content/mobilecss").Include("~/Content/jquery.mobile*"));
bundles.Add(new StyleBundle("~/Content/themes/base/css").Include(
"~/Content/themes/base/jquery.ui.core.css",
"~/Content/themes/base/jquery.ui.resizable.css",
"~/Content/themes/base/jquery.ui.selectable.css",
"~/Content/themes/base/jquery.ui.accordion.css",
"~/Content/themes/base/jquery.ui.autocomplete.css",
"~/Content/themes/base/jquery.ui.button.css",
"~/Content/themes/base/jquery.ui.dialog.css",
"~/Content/themes/base/jquery.ui.slider.css",
"~/Content/themes/base/jquery.ui.tabs.css",
"~/Content/themes/base/jquery.ui.datepicker.css",
"~/Content/themes/base/jquery.ui.progressbar.css",
"~/Content/themes/base/jquery.ui.theme.css" /*custom theme file*/));
<head->
<meta charset="utf-8" />
<title>@ViewBag.Title</title>
<meta name="viewport" content="width=device-width" />
<link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
@Styles.Render("~/Content/mobileCss", "~/Content/css")
@Scripts.Render("~/bundles/modernizr")
</head->
:
아래 코드를 찾기?업데이트 :
어떻게 든 내가 themerollers를 사용하여 만든 사용자 정의 테마를 무시할 수 없습니다. 아래에 직접 파일에 대한 참조를 추가하지 않았습니다.
<link rel="stylesheet" href="~/Content/jquery/jquery.mobile.theme-1.4.3.min.css" /> <!-- custom theme -->
<link rel="stylesheet" href="~/Content/jquery/jquery.mobile.icons.min.css" /> <!-- custom theme icon file -->
<link rel="stylesheet" href="~/Content/jquery.mobile-1.2.0.min.css" />
<link rel="stylesheet" href="~/Content/jquery.mobile.structure-1.2.0.min.css" />
이 후 JS 파일을 추가합니다. 'a'또는 'b'또는 'c'값으로 제어 할 data-theme 속성을 추가하면 themeroller에서 온라인이 아닌 기본 색상을 얻습니다.
난 당신이 _jquery.mobile.structure.css_을 포함하도록 잊어 버린 추측 라인을 변경합니다. – Omar
@Omar 감사합니다. 구조 파일을 어디에 어디에 놓아야합니까? – Hitin
사용자 정의 테마 앞에로드하십시오. 테마는 테마에 따라 다릅니다. – Omar