Javascript样式显示=＆＃39;无＆＃39;阻止＆＃39;阻止＆＃39;不适用于iPhone Chrome / Safari

Question

我的目标：点击div显示/隐藏另一个div。 一切都适用于PC浏览器

问题：在某些奇怪的原因上无法使用iPhone。 显示/隐藏div：

<div class="readPortoTextDetails"></div>

可点击的div：

$(document).ready(function() {
  var portoTextDetailsOpen = false;
  var portoItems = document.getElementsByClassName("portoTextDetails");
  var i;
  $(".readPortoTextDetails").click(function() {
    if(portoTextDetailsOpen){
        for (i = 0; i < portoItems.length; i++) {
            portoItems[i].style.display = 'none';
        }
        portoTextDetailsOpen = false;
    }else{
        for (i = 0; i < portoItems.length; i++) {
            portoItems[i].style.display = 'block';
        }
        portoTextDetailsOpen = true;
    }
  })
}); 

Javascript来处理点击监听器和show / dhide functs：

Task.Wait()

我已设法确认问题出在style.display =＆＃39; block＆＃39; /＆＃39; none＆＃39;部分代码。

有什么想法吗？

Answer 1

有趣的是你使用jQuery但使用vanilla JS来实现jQuery可以轻松完成的事情：

$(document).ready(function() {
  $(".readPortoTextDetails").click(function() {
    $(".portoTextDetails").toggle();
  });
});