скрытый список тегов с дисплеем не работает

Я делаю приложение, используя Telerik platfom, который использует html, css и javascript. И у меня есть некоторые вопросы о html-коде.скрытый список тегов с дисплеем не работает

<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>

Когда я использую Telerik устройство моделирования он работает хорошо, но когда я исполняю в моем телефоне (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

скрытый список тегов с дисплеем не работает

ответ

Смежные вопросы