디스플레이 태그가 표시되지 않는 숨기기

나는 을 사용하여 응용 프로그램을 만들고 있습니다. 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>

그것은 잘 작동하지만 내 휴대 전화에서 실행할 때 (아이폰 6 - 버전 10.21.1)이 작동하지 않습니다. 특히 버튼을 끄면 아무 것도 바뀌지 않고 표시 속성이 변경되지 않습니다. 이게 유일한 전화 문제인가요, 아니면 실수가 있습니까?

출처

2017-02-21 ahnpersie

코드에서 오류가 발생했습니다. 나는 그것을 테스트하지 않은

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

- 그리고 나는 그것을 것을 100 % 확실하지 않다 : 이것에

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

을이를 변경해보십시오. 컴퓨터 브라우저가 좀 더 영리하기 때문에 컴퓨터 브라우저에서 작동 할 수 있습니다 (전화 브라우저가 아닌).

하지만 IE6을 설치하면 아무 것도 작동하지 않을 수 있습니다. 따라서 아이폰에만있는 것이 아닙니다. :-)

출처

2017-02-21 03:28:29 Zeth

나는 대답을 찾는다. jQuery .show() 및 .hide() 메서드를 사용하면 잘 작동합니다! 나는 문제가 telerik 플랫폼이 진짜 문제라고 생각한다. 감사 – ahnpersie

디스플레이 태그가 표시되지 않는 숨기기

답변

관련 문제