隱藏不顯示的列表標簽不起作用

Question

我正在使用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）中執行該命令時，它不起作用。 具體來說，當我關閉按鈕時，沒有任何變化，這意味着display屬性沒有變化。 這是唯一的電話問題，還是我有一些錯誤？

Answer 1

看起來您在代碼中犯了一個錯誤。 嘗試更改此：

<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上。 :-)

隱藏不顯示的列表標簽不起作用

問題描述

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