隐藏不显示的列表标签不起作用

Question

I'm making an app using Telerik platfom which uses html, css, and javascript. 我正在使用Telerik platfom开发一个应用程序，该应用程序使用html，css和javascript。 And I have some questions about html code. 我对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>

When I use telerik simulation device it works well, but when I execute in my phone(Iphone 6 - version 10.21.1) it doesn't work. 当我使用telerik仿真设备时，它可以很好地工作，但是当我在手机（Iphone 6-版本10.21.1）中执行该命令时，它不起作用。 Specifically, when I switch off the button, nothing changes and that means display attribute doesn't change. 具体来说，当我关闭按钮时，没有任何变化，这意味着display属性没有变化。 Is this only phone problem or do I have some mistakes? 这是唯一的电话问题，还是我有一些错误？

Answer 1

It looks like, that you've made an error in your code. 看起来您在代码中犯了一个错误。 Try changing this: 尝试更改此：

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

To this: 对此：

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

I haven't tested it, - and I'm not 100% sure that that is it. 我还没有测试过-而且我不是100％确信就是这样。 It might be working in a computer-browser (and not on your phone-browser), since computer-browsers are a bit more clever still. 它可能正在计算机浏览器中工作（而不是在您的电话浏览器中），因为计算机浏览器仍然更加聪明。

But you could try to install IE6 and then nothing would work, - so I guess it's not just on your Iphone. 但是您可以尝试安装IE6，然后什么也不起作用，所以我想它不只是在您的Iphone上。 :-) :-)

隐藏不显示的列表标签不起作用

问题描述

1 个解决方案

解决方案1
0 2017-02-21 03:28:29

隐藏不显示的列表标签不起作用

问题描述

1 个解决方案

解决方案1 0 2017-02-21 03:28:29

解决方案1
0 2017-02-21 03:28:29