2012-01-19 2 views
1

Jquery 모바일에서 텍스트 상자의 "데이터 테마"를 설정하는 방법이 있습니까?데이터 테마를 프로그래밍 방식으로 Jquery Mobile의 텍스트 상자에 설정하십시오.

$("#txtEmail").attr("data-theme", "b"); 

... 작동하지 않습니다.

양식 유효성 검사에서 유효하지 않은 양식 항목을 표시하는 데 사용하고 싶습니다.

+1

Google에서이 답변을 받고있는 다른 사용자의 경우 : 아래의 답변은이 간단한 경우에는 작동하지만 텍스트 상자가 아닌 다른 위젯에서는 작동하지 않습니다. 내가 말할 수있는 것에서는 데이터 테마를 적용 할 때 해당 데이터 테마가 중첩 jquery 모바일 위젯에도 적용됩니다. 이러한 중첩 된 위젯은 모두 데이터 테마 속성과 해당 클래스를 업데이트해야합니다. 여러 가지 위젯이 특정 중첩 된 위젯에 상위 데이터 테마를 적용하는 것처럼 보이는 것은 복잡합니다. –

답변

2

이전 테마 클래스를 수동으로 제거하고 테마를 변경 한 후 새 테마 클래스를 추가해야합니다. 여기

$("#txtEmail").removeClass("ui-body-c").addClass("ui-body-b"); 

데모 - http://jsfiddle.net/vppvG/

+0

데모 주셔서 감사합니다! 매력처럼 일했습니다. –

1

이 기준을 jquerymobile에 맞도록 내가 사용합니다 :

$ ("# txtEmail") ATTR ('데이터 테마', 'B'.) .trigger ('refresh');

관련 문제