JQuery 모바일 선택 옵션 텍스트가 너무 깁니다.

양식의 선택 필드에 문제가 있습니다. 그것은 하나의 선택 필드이므로 JQuery는 해당 옵션을 선택하기 위해 탭할 수있는 버튼으로 바꿉니다. 옵션이 다소 긴 텍스트 인 경우에는 선택 버튼이 화면보다 넓어 져 부분적으로 만 보입니다.JQuery 모바일 선택 옵션 텍스트가 너무 깁니다.

버튼을 표시하기 위해 JQuery로 생성 된 것을 확인했는데 CSS의 'overflow : ellipse'가 설정되어 있으므로 스팬의 폭을 화면 너비보다 작은 고정 너비로 줄이면 옵션 텍스트가 잘립니다. ' .. '그리고 모든 것이 잘 보입니다.

자동으로 해당 동작을 트리거 할 수있는 방법이 있습니까?

'뷰포트'메타 태그로 설정 '폭 = 장치 폭, 사용자 확장 성 = 아니오'

출처

2012-05-22 Ronald

나는 또한 선택 상자의 너비를 설정하는 방법을 찾고 있었다

하지만 인터넷 검색을 한 후 오랜 시간 동안, 나는 포기하고 단지 선택 컨트롤에 표시되는 텍스트를 줄였습니다.

 <script type="text/javascript"> 
      $('#myselect').change(function() { 

       var sel = $("#myselect option:selected").text().substring(0, 20); 
       $("#myselect option:selected").text(sel); 

      }); 
     </script>

나는이 훨씬 도움이되지 않습니다 알고 있지만 그것은 선택 상자와 상호 작용, 또는 않을까에서, 즉 인터넷이 말하는 무엇을하기 힘든 중 하나입니다 나의 이해에왔다.

내가 던질거야 내가 솔루션의 내 추구에 도움이되었다고합니다 "JQuery와 치트 시트 선택"- 아마 늦은>http://comp345.awardspace.com/select_element_cheatsheet.pdf

출처

2012-05-25 09:40:45 Daniel

그것을,하지만 난 다른 사람이 도움 수 있기를 바랍니다. fieldset 태그에 셀프가있는 경우 태그로 바꾸면 문제를 해결할 수 있습니다.

출처

2013-01-21 21:15:34 Sergiu

1.4.5에서 작동하지 않습니다. 문제를 해결하는 data-native-menu = "false"옵션이 있습니다. – ymakux

JQuery 모바일 선택 옵션 텍스트가 너무 깁니다.

답변

관련 문제