選項卡式複選框無法在移動設備上工作

我想創建一個TABBED複選框，除了移動電話外，一切正常。在手機上，點擊其中一個標籤後，它什麼都不做，但是如果我調整方向，那麼它會正確顯示。誰能幫幫我嗎。萬一它很重要，我正在測試舊手機的兼容性，Android 4.4.2。選項卡式複選框無法在移動設備上工作

這裏是代碼codepen： http://codepen.io/lepew/pen/Ppqwez

<div id="sign_Page"> 
    <br/> 
    Please select "REGISTER" for new applicants, "LOGIN for current hello users and "FORGOT" if you need your password reset. 
    <br/> 
    <br/> 
    <div class="sign_Area"> 
     <input type="radio" name="tabGroup1" id="rad1" class="tab1"/> 
     <label for="rad1">REGISTER</label> 
     <input type="radio" name="tabGroup1" id="rad2" class="tab2" checked="checked"/> 
     <label for="rad2">LOGIN</label> 
     <input type="radio" name="tabGroup1" id="rad3" class="tab3"/> 
     <label for="rad3">FORGOT</label> 
     <div class="tab1"><!-- REGISTER --> 
      <div class="sign_Case"> 
       SIGNUP 
       <br/> 
       <br/> 
       SUMBIT 
      </div><!-- end of #sign_Case --> 
     </div><!-- end of TAB1 --> 
     <div class="tab2"><!-- LOGIN --> 
      <div class="sign_Case"> 
       LOGIN 
       <br/> 
       <br/> 
       SUMBIT 
      </div><!-- end of #sign_Case --> 
     </div><!-- end of TAB1 --> 
     <div class="tab3"><!-- FORGOT --> 
      <div class="sign_Case"> 
       EMAIL 
       <br/> 
       <br/> 
       SUMBIT 
      </div><!-- end of #sign_Case --> 
     </div><!-- end of TAB1 --> 
     <br/> 
     <br/> 
    </div><!-- end of #sign_Area --> 
</div><!-- end of #sign_Page -->

來源

2017-02-26 user3344341

我使用的筆記本電腦，觸摸屏和它完美地工作這兩個視口和任何窗口分辨率。 –

感謝您的回覆，它適用於除手機之外的所有內容。我查了可以caniuse，一切都很好。 – user3344341

你使用哪個移動瀏覽器？ –

上的力移動的再流如由取向變化引起的。這些腳本，但你可能做到這一點...

someelement.style.display='none'; 
someelement.offsetHeight; // no need to store this anywhere, the reference is enough 
someelement.style.display='';

可選0 timeout觸發迴流就像查詢offsetHeight作用：

sel.style.display = 'run-in'; 
setTimeout(function() { sel.style.display = 'block'; }, 0);

來源

2017-02-26 20:20:19

謝謝馬克。 2個問題，是否真的值得用這種舊手機來定位？我該用什麼替代someelement？ – user3344341

'element = document.getElementById（id）;'或者類似的東西，在你的頁面上選擇一個id，或者甚至專門爲它設置一個id。你的目標不是技術而是商業/其他決定 - 這取決於。 –

選項卡式複選框無法在移動設備上工作

回答

相關問題