제이쿼리모바일 Button Widget Option

제이쿼리모바일 Button Widget Option 

Options 옵션

initSelector 

Type: Selector

Default: See below

initSelector버튼 위젯 의 기본값 은 다음과 같습니다.

"input[type='button'], input[type='submit'], input[type='reset']"

참고 : 이 옵션은 1.4.0에서 사용되지 않으며 1.5.0에서 제거됩니다. 

jQuery Mobile 1.4.0부터는 initSelector더 이상 위젯 옵션이 아닙니다. 대신 위젯 프로토 타입에 직접 선언됩니다. 따라서 mobileinit이벤트 를 처리 하고 프로토 타입을 덮어 쓰면 사용자 정의 값을 지정할 수 있습니다 initSelector.

$( document ).on( "mobileinit", function() {

  $.mobile.button.prototype.initSelector = "div.custom";

});

참고 :mobileinit 이벤트가 jQuery Mobile의로드 프로세스의 일부로 트리거되기 때문에 jQuery를로드 한 후에 핸들러 를 연결해야 하지만 jQuery Mobile을로드하기 전에 핸들러 를 연결해야 합니다.

이 옵션의 값은 jQuery 선택기 문자열입니다. 프레임 워크는이 옵션의 값을 기반으로 요소를 선택하고 각각의 결과 요소 목록에 버튼 위젯을 인스턴스화합니다.

(더 이상 사용되지 않는 버전 : 1.4.0)

inline 

Type: Boolean

Default: null (false)

 true로 설정하면 단추가 인라인 단추처럼 작동하므로 폭은 단추의 텍스트에 의해 결정됩니다. 기본적으로이 값은 null (false)이므로 피드백 내용에 관계없이 단추가 전체 너비입니다. 가능한 값은 true, false입니다.

이 옵션은 데이터 속성으로도 노출됩니다 data-inline="true".

mini 

Type: Boolean

Default: null (false)

true로 설정 하면 버튼 위젯의 가장 바깥 쪽 요소에 클래스를 true적용하여 수직 높이가 작은 버튼의보다 컴팩트 한 버전을 표시합니다 ui-mini.

이 옵션은 데이터 속성으로도 노출됩니다 data-mini="true".

shadow 

Type: Boolean

Default: true

true로 설정된 경우 드롭 그림자 스타일을 버튼에 적용합니다.

이 옵션은 데이터 속성으로도 노출됩니다 data-shadow="false".

theme 

Type: String

Default: null, inherited from parent

유형 : 문자열

태만: null, inherited from parent

버튼 위젯의 색표 (견본)를 설정합니다. 테마에 포함 된 견본에 매핑되는 az의 단일 문자를 허용합니다.

가능한 값 : 견본 문자 (az).

이 옵션은 데이터 속성으로도 노출됩니다 data-theme="b".

코드 예제 :

지정된 theme옵션으로 버튼을 초기화하십시오 .

$( ".selector" ).button({

  theme: "b"

});

theme초기화 후에 옵션을 가져 오거나 설정하십시오 .

// Getter

var theme = $( ".selector" ).button( "option", "theme" );

 

// Setter

$( ".selector" ).button( "option", "theme", "b" );

wrapperClass 

Type: String

Default: null

버튼의 래퍼 요소에 설정할 CSS 클래스를 지정할 수 있습니다.

이 옵션은 데이터 속성으로도 노출됩니다 data-wrapper-class="custom-class".