특정 페이지 ID에 클래스 사용 안 함

웹 응용 프로그램 용 jQuery Mobile을 사용하고 있습니다. 이 프로젝트에 개발자들은 같은 주요 jQuery를 모바일 클래스의 일부를 오버라이드 (override) : 예를 들어특정 페이지 ID에 클래스 사용 안 함

.ui-btn-text 
.ui-icon 
.ui-btn-corner-all

.ui-btn-text { 
    color:#fff; 
    padding:6px 10px; 
    line-height:10px; 
    font-size:12px; 
    /* 

    some settings.... 

    */ 
}

을 나는 몇 가지 새로운 input을 추가하고있어 자동으로 재정의 된 클래스에서 상속합니다. 특정 페이지에서 상속 된 것을 어떻게 비활성화 할 수 있습니까? 예를 들어 # page Test과 같이 jQuery Mobile 클래스와 함께 작동합니다.

2013-07-22 Dima

대신 사용할 수 있습니다. 수업을 만들고 항목에 추가하십시오. 이것은 클래스와 요소를 유지 보수/조작하기 쉽습니다. – Omar

like this http://jsfiddle.net/Palestinian/kGrQp/ – Omar

@Omar, 상황은 지금 내가이 프로젝트에 대한 수업과 관련된 많은 것들을 바꿀 수 없다는 것입니다. 특정 페이지에서이 기능을 비활성화하는 것을 선호합니다. – Dima

jQuery mobile's stylesheet에 따라 원래 값으로 다시 설정하면됩니다. jQuery의 축소되지 않은 버전 인 경우 here을 찾을 수 있습니다.

#pageTest.ui-btn-text { position: relative; z-index: 1; }

유일한 다른 옵션은 자바 스크립트를 사용하여 클래스의 각 인스턴스를 반복하는 것처럼 보이는 그. jQuery를 사용하는 것이 가장 쉽습니다. jqm 클래스를 전역으로 재정의하는 대신

2013-07-22 12:18:33

답변