부트 스트랩을 기반으로 한 드롭 다운 메뉴는 컴퓨터 브라우저에서 정상적으로 사용할 수 있습니다. 드롭 다운 목록은 모바일 브라우저에서 팝업 될 수 있지만 목록의 메뉴 항목을 선택할 수 없습니다. 부트 스트랩 스크립트 파일의 OnTouchStart를 Disable-OntouchStart로 교체 할 수 있지만 교체 후에는 해결할 수 없습니다. (Redmi 휴대폰 UC 브라우저는 지원하지 않습니다. Xiaomi 휴대폰 UC 브라우저는 정상이며, 다른 사람들은 당분간 테스트되지 않았습니다)
jQuery : v1.11.2
부트 스트랩 : v3.3.4
다음은 프론트 데스크 페이지 코드입니다.
<div> <span id = "siziz-addon2"> 기본 지역 복지 : </span> <div> <버튼 유형 = "button"id = "id ="btnfuli "name ="btnfuli "data-toggle ="dropdown "value =" "aria-expanded ="false ">를 선택하십시오. title = '1'href = '#'> 지역 복지 </a> </li> <li class = 'divider'> </li> <li> <a Title = '2'href = '#'> 외부 복지 </a> </li> <li> <li class = 'divider'> </li> </ul> <입력 ID = "txtfuli" "local welfare"///<li>
다음은 JS 스크립트입니다. (드롭 다운 메뉴 항목에 클릭)
databindfuli : function () {$ ( "#uifuli li a"). bind ( "click", function () {var $ this = $ (this); var $ a = $ this.parent (). parent (). var t = $ this.text (); $ a.val ($ this.attr ( 'title')); $ ( '##txtfuli'). val ($ this.attr ( 'title')); $ a.text ($ this.text ()); $ A.Append ( "<span class = 'caret'>");}.솔루션은 다음과 같습니다.
다음 코드는 모바일 브라우저에서 지원되지 않습니다. 문제를 해결하기 위해 ID를 지정하려면 다음 요소를 할당하십시오 ()
$ this.parent (). parent (). prev ()
조정 코드 :
$ ( "#drpworktype li a"). bind ( "click", function () {var $ this = $ (this); // var $ a = $ this.parent (). parent (). prev () $ ( '#txtworktype'). val ($ this.attr ( 'title')); $ ( '##btnworktype'). val ($ this.attr ( 'title')); // $ aappend ( "<span class = 'caret'>");위의 것은 부트 스트랩 구현을 기반으로 휴대폰의 휴대폰에서 드롭 다운 메뉴를 선택할 수없는 이유입니다. 모든 사람에게 도움이되기를 바랍니다. 궁금한 점이 있으면 메시지를 남겨 주시면 편집자가 제 시간에 모든 사람에게 답장을 드리겠습니다. Wulin.com 웹 사이트를 지원해 주셔서 대단히 감사합니다!