2013-02-15 3 views
1

jquerymobie 테마 롤러를 사용하여 몇 가지 문제점을 발견했으며 어떻게 해결할 수 있을지 확신하지 못합니다.Jquery 모바일 데이터 테마 속성은 어디서나 사용할 수 없습니다

문제 1 : div의 시작 부분에 데이터 테마 속성을 정의 할 때, 예를 들어 아래 예제와 같이 div에 다른 테마를 배치하고 싶다면 내부에 데이터 테마 속성을 정의하십시오. 예 :

<div data-role="page" data-theme="a"> 
     <div data-theme="e"> 
       Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard. 
     </div> 
</div> 

ISSUE 2 : 내 경우에는 내가 class="ui-grid-a"를 사용하여 그리드 뷰에서 라디오 버튼을 넣어했습니다. 나는 이미 jquerymobile에 있다는 것을 알고있다 <filedset> 요소는 라디오 버튼으로 포장해야하지만 내 경우에는 적합하지 않다. 하지만, 내 라디오 버튼은 기본 테마에도 불구하고 내가 지정한 데이터 테마로 포장 그리드 = "E"를 테마 "E"색상이 필요 DIV 예 :

<div data-role="page" data-theme="a"> 
      <div data-role="header" data-position="inline" data-theme="b"> 
       <h1>It Worked!</h1> 
      </div> 

      <div class="ui-grid-a" data-theme="e"> 
       <form> 
        <div class="ui-block-a"><label class="border-r"><input type="checkbox" name="checkbox-0" /> BLACK </label></div> 
        <div class="ui-block-b"><label class="border-r"><input type="checkbox" name="checkbox-0" /> BLACK </label></div> 
       </form> 
      </div> 
     </div> 

그러나 작업을 확인하는 것하지 않습니다 내 온라인 예제 http://jsfiddle.net/SmYZd/ 시도했습니다. 그러나 특정 양식 요소에 테마를 지정하면 예 : <div class="ui-block-a"><label class="border-r"><input type="checkbox" data-theme="e" name="checkbox-0" /> BLACK </label></div> 예제 양식 http://jsfiddle.net/EEFQR/을 참조하십시오.

누구든지이 문제에 대해 알고 싶습니까? 나는 단순히 추가 CSS에 유사한 색상을 추가하여 내 색상을 얻을 수 있지만 jquerymobile CSS에서 우리는 이미 많은 CSS inbuilt 있습니다 알아요. 난 단지 왜 우리가 어떤 요소에 우리의 소망으로 data-theme 속성을 사용할 수 없는지 알고 싶습니다?

답변

2

문제 1 :

당신은 data-theme를 호출하기 위해 data-role를 지정해야합니다.

확인이 : http://jsfiddle.net/EEFQR/

문제 2 :

나는 당신의 문제가 무엇인지 모르겠습니다. ui-grid의 디자인 또는 data-theme으로 전화 하시겠습니까?

+0

'data-theme'은'data-role'을 정의한 곳에서만 지정할 수 있습니다. jquerymobile이 거기에 문서의 위치를 ​​지정 했습니까? –

+0

JQM 페이지 구조 확인 http://jquerymobile.com/demos/1.2.0/docs/pages/page-anatomy.html – Omar

+0

위의 링크 된 doen은 'data = theme' 속성을 정확하게 사용할 수있는 위치에 대해 설명하지 않습니다. –

관련 문제