1

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에서 온라인이 아닌 기본 색상을 얻습니다.

+0

난 당신이 _jquery.mobile.structure.css_을 포함하도록 잊어 버린 추측 라인을 변경합니다. – Omar

+0

@Omar 감사합니다. 구조 파일을 어디에 어디에 놓아야합니까? – Hitin

+0

사용자 정의 테마 앞에로드하십시오. 테마는 테마에 따라 다릅니다. – Omar

답변

0

실제로 테마 묶음을 렌더링하지 않았습니다. 그래도 기본값은 site.css입니다.

@Styles.Render("~/Content/mobileCss", "~/Content/css") 

하려면 :

@Styles.Render("~/Content/mobileCss", "~/Content/themes/base/css") 
+0

크리스, 네, 이제 테마로 작업하고 있지만 배경 색상과 아이콘 같은 몇 가지 사항은 아직 없습니다. 번들에는 2 개의 파일, theme-css 및 icon-css가 있습니다. 내가 icon-css 파일을 추가할까요? – Hitin