ディスプレイタグ付き隠しタグが動作しません

私はを使ってアプリを作っています。Telerik platfomは、html、css、およびjavascriptを使用しています。そして、私はhtmlコードに関するいくつかの質問があります。私はtelerikシミュレーション装置を使用する場合ディスプレイタグ付き隠しタグが動作しません

<body> 
<li> 
    switch on/off<input data-role="switch" checked="checked" data-change="onChange"/> 
</li> 

<li class="switch-on"> 
    end:<input type="time" id="switch-on-end-time"></input> 
</li> 

<li class="switch-off" style="display:none"> 
    start:<input type="time" id="switch-off-start-time"></input> 
</li> 
<li class="switch-off" style="display:none"> 
    end:<input type="time" id="switch-off-end-time"></input> 
</li> 

<script> 
function onChange (e) { 
    isSwitchOn = e.checked; 
    const switchOff = document.getElementsByClassName('switch-off'); 
    const switchOn = document.getElementsByClassName('switch-on'); 
    if(e.checked) { 
     for (let el of switchOff) { 
      el.style.display = 'none'; 
     } 
     for (let el of switchOn) { 
      el.style.display = 'list-item' 
     } 
    } else { 
     for (let el of switchOn) { 
      el.style.display = 'none'; 
     } 
     for (let el of switchOff) { 
      el.style.display = 'list-item' 
     } 
    } 
} 
</script> 
</body>

は、それがうまく動作しますが、私は自分の携帯電話で実行すると、（iPhoneの6 - バージョン10.21.1）それは動作しません。具体的には、ボタンをオフにすると、何も変わらず、表示属性が変わらないことを意味します。これは唯一の電話の問題ですか、私はいくつかの間違いがありますか？

出典

2017-02-21 ahnpersie

コードでエラーが発生したようです。これに

<li> 
switch on/off<input data-role="switch" checked="checked" data-change="onChange"/> 
</li>

：これを変更してみてください

<li> 
<input data-role="switch" checked="checked" data-change="onChange">switch on/off</input> 
</li>

私は、それをテストしていない - と私はそれはそれであることを100％わかりません。コンピュータブラウザはもう少し賢いので、コンピュータブラウザで動作している可能性があります（電話機のブラウザでは動作しない可能性があります）。

しかし、あなたはIE6をインストールしようとすると、何もうまくいかない可能性があります。 - それはあなたのIphoneだけではないと思います。 :-)

出典

2017-02-21 03:28:29 Zeth

私は答えを見つける。 jQueryの.show（）メソッドと.hide（）メソッドを使用すると、うまく動作します。私は問題は、telerikプラットフォームが本当の問題だと思う。ありがとう – ahnpersie

ディスプレイタグ付き隠しタグが動作しません

答えて

関連する問題