2016-06-22 11 views
0

나는 phonegap 빌드 인 cli 5.x를 사용하고 여러 입력, 3 그 중 선택 상자가 있습니다.너비 100 %로 설정을 선택하면 android 5.1.x 및 Nexus-7 (phonegap 빌드)에서 선택 기능이 사용 중지됩니다.

내가 100 %로 선택 노드의 CSS를 설정하고 싶을 때까지 모든 것이 잘 작동합니다. 이 CSS를 활성화하면 선택 항목이 더 이상 열리지 않습니다.

작동하지 않는 테스트 용 내 Android 기기는 Android 5.1.1 (Lollipop)이 장착 된 Nexus 7입니다. 4.x가 설치된 IOS 및 Android 기기의 경우 모두 정상적으로 작동합니다.

우리가 사용하는 언어는 JQuery와 함께 Typescript이며 Javascript ES5 (commonJS 스타일)로 컴파일됩니다.

샘플 스크립트 : 내가있는 경우에 작동과 방식에 의해

var sampleData = [{"val": 1, "text": "sample A"}, {"val": 2, "text": "sample B"}]; 

var myContainer $('#content-box'); 

var selectBox = $('<select>').attr('id', 'mySelectBox'); 
selectBox.append($('<option>').attr('value', 'none').html('-- none --')); 

for(var index in sampleData) { 
    var obj = sampleData[index]; 
    selectBox.append($('<option>').attr('value', obj['val']).html(obj['text'])); 
} 

// code above works fine 

$('select').css('width', '100%'); 
// this crashes the popup after compilation 
// and i have to use phonegap-build 

는 극단적 인 긴 내용이 화면의 100 % 이상을 것. 단지 스트레칭이 충돌하는 것 같습니다.

jquery 모바일에서 작동하지 않습니다. 빌드 한 일부 기능은 작동하지 않습니다.

시도한 외부 CSS도 마찬가지입니다.

누군가 해결 방법이나 해결 방법이 있습니까? 누군가이 솔루션을 확인할 수 있습니까?

답변

0

하지 않는 선택을 클릭, ID가 =

+0

이 같은 효과를 않습니다 "선택"이라면

$('#select').css('width', '100%'); 

을 시도, 수정하려는 요소에 대한 ID를 설정

시도 with가 설정된 경우 풀다운/팝업을 엽니 다. 당신이'''$ ('select')''가하는 일을 모르는 것처럼 보입니다. 문서에서 발견 된 모든 선택 태그가 붙은 elemets의 배열을 반환합니다. – mtizziani

+0

맞습니다, $ ('select')는 배열을 반환하지만 모든 관련 요소가 영향을받을 수있는 것은 아닙니다. 그것을 사용하는 방법에 따라, 0 인덱스 만 영향을받을 수 있습니다. 그래서 제가 말하고자하는 것은 변경하고 설정해야 할 항목을 지정하는 것입니다 (또는 비효율적이지만보다 정확한 방법이라고 가정 해 봅시다). 미안하지만별로 도움이 될 수 없지만 예제 코드는 마법적이고 좋은 추측을 할 수 없습니다. – Hoon

+0

프로젝트에서 오랫동안 사용하지 않으면 오랫동안 그것을 만들 수있는 방법을 찾았습니다 : $ ('select'). – mtizziani