2011-12-02 1 views
2

어쩌면 내가 볼 수없는 명백한 것이 있습니다. 그러나 data-role = page가있는 div의 데이터 테마 설정이 모든 것을 위해 설정되어 있어야한다고 생각합니다.페이지로 설정된 데이터 테마가 jquerymobile과 함께 머리글과 바닥 글에 적용되지 않습니다

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Page Title</title> 

    <meta name="viewport" content="width=device-width, initial-scale=1"> 

    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" /> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script> 
    <script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script> 
</head> 
<body> 

<div data-role="page" data-theme="b"> 

    <div data-role="header"> 
     <h1>Page Title</h1> 
    </div><!-- /header --> 

    <div data-role="content"> 
     <p>Page content goes here.</p>  
    </div><!-- /content --> 

    <div data-role="footer"> 
     <h4>Page Footer</h4> 
    </div><!-- /footer --> 
</div><!-- /page --> 

</body> 
</html> 

하지만 난 여전히 기본 테마 내가 잘못하고있는 중이 야 무슨

를 얻을? 아니면이 버그입니까? 1 알파 4에서는 작동했지만 1에서 최종적으로 작동하지 않았습니다.

+0

은 [jsFiddle] (http://jsfiddle.net/YLF9b/)에서 잘 작동하지만 정확히 무엇을 기대합니까? – Leon

+0

아니요, 그렇지 않습니다. 테마 B는 검정색 막대가 아닌 파란색 막대를 가지고 있습니다. http://jquerymobile.com/demos/1.0/docs/api/themes.html – CodeClimber

+0

data-theme = "b"를 머리글 자체에 추가하면 JQM 문서 링크 됨) - 계단식 스타일이 작동하지 않는다는 것을 실제로 의미합니까? – Leon

답변

6

확인 문서, http://jquerymobile.com/demos/1.0/docs/pages/pages-themes.html 그것은 구체적으로 말한다 : ". 당신이있는 페이지를 원한다면, 예를 들어, 단지 테마"의 "B"를 그러나, 머리글과 바닥 글을 테마로 기본 설정됩니다 " 머리글과 바닥 글을 포함하여 모든 요소에 대해 페이지 div뿐만 아니라 머리글 및 바닥 글 div에도 data-theme = "b"를 지정해야합니다. "

그래서 이것은 버그가 아닙니다.

2

대답은 현재 버그 및 영업 이익은 답변으로 표시 할 수 있도록하기위한 ticket open about this

그냥 코멘트에서이 이동이 있다는 것입니다!

감사

관련 문제