MobiScroll 선택 프리셋

Question

mobiscroll 문서는

이 사전 설정은 일반 HTML은 스크롤러로 값을 선택하는 선택 향상 말한다. 원래의 선택 영역은 숨겨져 있으며 더미 입력이 대신 표시됩니다. 선택 값은 사전 설정에 의해 유지됩니다.

그들이 제공하는 샘플 HTML 코드는 원래 select 요소를 숨기기 위해 인라인 스타일을 사용

<select name="City" id="select" style="display:none"> 

그러나

, 내가 인라인을

$('#select').scroller({preset:'select',theme:'default',display:'inline',mode:'scroller',inputClass: 'i- 
txt'}); 

I을 표시이 및 설정 mobiscroll 교체 할 때 스크롤러가 나타나기는하지만 여전히 위의 입력 요소처럼 보입니다. 이것은 그들의 데모 코드에서 발생하지 않습니다하지만 거기에 내가 무엇을 할 것은이

<div id="select_cont" style="display: none;"> 
<select name="City" id="select"> 

같은 것입니다하지만 단순히 mobiscroll 교체를 포함하여 모든 것을 숨 깁니다 있습니다. 커버 아래에서 나는 그 호출을 발견했다.

$('#select').scroller({preset:'select',theme:'default',display:'inline',mode:'scroller',inputClass: 'i- 
txt'}); 

은 더미 입력 요소를 DOM에 도입했다.

<input id='cities_dummy'... 

내가 더미가 스크롤러를 생성 한 후 즉시

$('#cities_dummy').css('display','none') 

을 실행하여 자신을 숨길 수 있습니다. 그러나 데모 코드에서 상황이 다르게 작동하는 이유를 이해할 수 없습니다. 나는 최신 버전을 사용하면서 jQuery Mobile v 1.1.1을 사용하고 있다고 언급했다.

아마도이 문제는 버전과 관련이 있습니까? 아니면 여기에 뭔가 다른 것이 있습니까? 나는 어떤 도움을 주셔서 감사합니다.

Answer 1

나는 그것을 알아 냈다. 스크롤러 옵션 설정에서

inputClass:i-txt 

비트까지입니다. 데모 코드에서 그들은 옵션 객체의 디스플레이 속성의 값에 따라 스크립트를 통해이 클래스와 함께 놀고있을 것입니다. 요점은 - 스크롤러 디스플레이가 "인라인"으로 설정되어있을 때 원본 선택을 사라지게하려면 i-txt (또는 사용하는 입력 클래스)를 다음과 같이 정의해야합니다.

.i-txt{display:none}